CSS | border-inline-width 属性

CSS 的 border-inline-width 属性用于设置元素的内联方向（行内方向）的边框宽度。该属性适用于弹性容器（flex container）和网格容器（grid container）的子元素。

语法

border-inline-width: thin | medium | thick | <length> | initial | inherit;

• thin：设置边框宽度为一个相对较细的值。
• medium：设置边框宽度为默认值。
• thick：设置边框宽度为一个相对较粗的值。
• <length>：可以使用具体的长度值（例如 px、em、rem 等）来设置边框宽度。
• initial：将边框宽度设置为默认值。
• inherit：继承父元素的边框宽度。

示例

.example {
  border-inline-width: 2px;
}

.example2 {
  border-inline-width: medium;
}

注意事项

• 如果同时使用了 border-inline 和 border-inline-width，border-inline 的优先级更高。
• 使用 border-inline-width 属性时，如果没有使用 border-inline-style 或 border-inline-color，则不会显示边框。
• border-inline-width 可以与其他边框属性（如 border-inline-style 和 border-inline-color）一起使用，以设置完整的边框样式。

更多关于 border-inline-width 属性的信息可以参考 MDN web docs。