CSS | border-block-start-color 属性

border-block-start-color 属性用于设置元素的 内边框垂直起始位置的颜色。垂直起始位置指的是元素的开始边沿所在的位置。

该属性属于 CSS Border 模块 Level3，并且是对 border-color 属性的扩展。

语法

border-block-start-color: color|transparent|initial|inherit;

属性值

• color：元素边框的颜色值。它可以使用以下任何 CSS 颜色格式的颜色：

  • 颜色名称：red、green、blue 等。

  • 十六进制值：#RRGGBB 色值表示。

  • RGB 值：rgb(R, G, B)。

  • HSL 值：hsl(H, S%, L%)。

• transparent：将边框设置为透明，等同于 rgba(0, 0, 0, 0)。

• initial：将边框颜色设置为默认值。

• inherit：指定从父元素继承边框颜色。

示例

div {
  border-block-start-color: red;
}

浏览器兼容性

border-block-start-color 属性的浏览器兼容性如下：

注意事项

• border-block-start-color 属性只能应用于支持 CSS Border 模块 Level3 的浏览器。

• border-block-start-color 属性不能单独使用，必须与 border-style ， border-width 和 border-image 属性配合。

参考链接

• CSS Border 模块 Level3

• CSS3 边框属性

• CSS border-block-start-color 属性