导航分类

机器学习教程

CSS border-block-start 属性 CSS border-block-start-style 属性

CSS border-block-start-color 属性

主题

默认模式
浅蓝色模式
淡绿色模式
深夜模式

定义和用法

border-block-start-color 是一个 CSS 逻辑属性，用于设置元素在逻辑块起始方向的边框颜色。

border-block-start-color 属性在处理不同文字方向（如从右到左的语言）或不同书写模式（如垂直文本）时特别有用，它提供了比物理属性（如 border-top-color）更灵活的方式来控制边框样式。

注意：要使 bborder-block-start-color 属性生效，必须设置 bborder-block-start-style 属性。

默认值：	medium none currentcolor
继承性：	否
可动画性：	支持。请参阅：可动画属性。
版本：	CSS3
JavaScript 语法：	object.style.borderBlockStartColor="pink"

常用的实例

接下来通过多个实例演示border-block-start-color属性的用法，来深化您对border-block-start-color属性的理解。

1. 设置块方向起始处的边框颜色：

实例代码运行代码

复制

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

2. 块方向起始处边框的位置受`writing-mode`属性的影响：

实例代码运行代码

复制

div {
    writing-mode: vertical-rl;
    border-block-start-color: pink;
}

CSS 语法

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

属性值

值	描述
`color`	指定边框颜色。默认是元素的当前颜色。参阅 CSS 颜色值。
`transparent`	指定边框颜色应为透明。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 inherit。

浏览器支持

表中的数字指定了完全支持border-block-start-color属性的第一个浏览器版本。


Chrome	IE / Edge	Firefox	Safari	Opera
69.0	79.0	41.0	12.1	56.0

CSS border-block-start-color 属性

定义和用法

常用的实例

1. 设置块方向起始处的边框颜色：

2. 块方向起始处边框的位置受`writing-mode`属性的影响：

CSS 语法

属性值

浏览器支持

相关页面

CSS 参考手册

CSS 属性

CSS border-block-start-color 属性

定义和用法

常用的实例

1. 设置块方向起始处的边框颜色：

2. 块方向起始处边框的位置受writing-mode属性的影响：

CSS 语法

属性值

浏览器支持

相关页面

CSS 参考手册

CSS 属性

意见反馈

反馈提交成功

2. 块方向起始处边框的位置受`writing-mode`属性的影响：