CSS | border-inline-end-color 属性介绍

CSS | border-inline-end-color 属性用于设置元素内部区域中「行间线」的颜色。

语法

border-inline-end-color: color | inherit

属性值

• color：可设置颜色值，比如英文单词（red、green、blue），RGB 值，十六进制值等。
• inherit：继承父元素的属性值。

取值范围

该属性只适用于某些元素，例如块级元素、表格元素等。需要注意的是，该属性与「border-inline-start-color」属性一起使用，一般用于设置表格的 CSS 样式。

示例代码

table {
  border-collapse: collapse;
}

td {
  border-inline-start-color: red;
  border-inline-end-color: red;
  border-style: solid;
  border-width: 1px;
}

示例解析

上述代码设置为表格单元格设置实线边框，且边线颜色相同（即红色），其中的「border-inline-start-color」和「border-inline-end-color」用于设置单元格内的行间线颜色。效果如下图所示：