CSS border-inline-color 属性

主题

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

定义和用法

border-inline-color属性设置元素在行内方向上的边框颜色。

border-inline-color属性必须配合border-inline-style属性一起使用，才能生效。

默认值：	当前元素颜色
继承性：	否
可动画性：	支持。请参阅：可动画属性。
版本：	CSS3
JavaScript 语法：	object.style.borderInlineColor="pink"Demo ❯

演示实例

下面通过演示实例，让你更直观地了解border-inline-color属性的用法。

1. 为行内方向上的边框设置颜色：

实例代码运行代码

复制

#example1 {
    border-inline-style: solid;
    border-inline-color: pink;
}

#example2 {
    border-inline-style: solid;
    border-inline-color: pink lightblue;
}

2. 行内方向上起始和结束位置的边框受writing-mode属性的影响：

实例代码运行代码

复制

div {
    border-inline-style: solid;
    writing-mode: vertical-rl;
    border-inline-color: blue;
}

3. 行内方向上起始和结束位置的边框受direction属性的影响：

实例代码运行代码

复制

div {
    direction: rtl;
    border-inline-color: blue hotpink;
}

CSS 语法

border-inline-color: color|transparent|initial|inherit;

属性值

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