HTML | DOM 样式borderLeftColor 属性(1)

📌 相关文章

📜 HTML | DOM 样式borderLeftColor 属性(1)

📅 最后修改于: 2023-12-03 14:41:50.239000 🧑 作者: Mango

HTML | DOM 样式 borderLeftColor 属性

borderLeftColor 属性设置元素的左边框颜色。

属性值

borderLeftColor 属性可以接受以下值：

颜色名称（如 "red"）
RGB 值（如 "rgb(255, 0, 0)"）
十六进制值（如 "#FF0000"）
inherit：从父元素继承该属性。

程序示例

HTML 代码

<!DOCTYPE html>
<html>
<head>
  <title>borderLeftColor 示例</title>
  <style>
    .box {
      width: 200px;
      height: 100px;
      border: 2px solid black;
      border-left-color: red;
    }
  </style>
</head>
<body>
  <div class="box"></div>
</body>
</html>

示例说明

以上代码将会创建一个 200px 宽，100px 高的矩形盒子，并为其设置了 2px 粗的黑色实线边框。使用 border-left-color 属性将左侧边框的颜色设置为红色。

浏览器支持

borderLeftColor 属性在所有浏览器中都受到支持。

总结

borderLeftColor 属性用于设置元素左侧边框的颜色，其值可以是颜色名称、RGB 值、十六进制值或 "inherit"。该属性在所有浏览器中均可用。