CSS border-inline-style 属性

设置内联方向边框的样式

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

#example2 {
border-inline-style: dashed dotted;
}

更多“亲自试一试”示例在下方。

定义和用法

border-inline-style 属性设置元素内联方向边框的样式。

border-inline-style 属性的值可以以不同的方式设置

如果 border-inline-style 属性有两个值

如果 border-inline-style 属性有一个值

CSS border-inline-style 属性与 CSS 属性 border-bottom-style，border-left-style，border-right-style 和 border-top-style 很相似，但是 border-inline-style 属性取决于内联方向。

注意： 相关的 CSS 属性 writing-mode，text-orientation 和 direction 定义内联方向。这会影响行首和行尾的位置以及 border-inline-style 属性的结果。对于英语页面，内联方向为从左到右，块方向为向下。

默认值	none
继承	no
可动画	no. 了解可动画
版本	CSS3
JavaScript 语法	object.style.borderInlineStyle="dotted" 试一试

表中的数字指定完全支持该属性的第一个浏览器版本。

属性
border-inline-style	87.0	87.0	66.0	14.1	73.0

使用 direction 属性

内联方向起始和结束处的边框位置受 writing-mode 属性影响
内联方向起始和结束处的边框位置受 direction 属性影响
direction: rtl;
}