CSS border-inline-end-color 属性

主题

定义和用法

border-inline-end-color属性用于设置元素在其行内方向末端的边框颜色。

border-inline-end-color属性的具体物理表现取决于文档的书写模式（writing-mode）、文本方向（direction）和文本朝向（text-orientation）。

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

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

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

实例代码运行代码

复制

div {
    border-inline-end-style: solid;
    border-inline-end-color: pink;
}

2. 行内方向末端边框的位置受direction属性的影响：

实例代码运行代码

复制

div {
    direction: rtl;
    border-inline-end-color: pink;
}

3. 行内方向末端边框的位置受writing-mode属性的影响：

实例代码运行代码

复制

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

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