导航分类

CSS border-block-start-style 属性

主题

定义和用法

border-block-start-style 是一个 CSS 逻辑属性，用于设置元素在逻辑块起始方向上的边框样式。

border-block-start-style 属性在处理不同文字方向（如从右到左的语言）或不同书写模式（如垂直文本）时特别有用，它提供了比物理属性（如 border-top-style）更灵活的方式来控制边框样式。

默认值：	none
继承性：	否
可动画性：	支持。请参阅：可动画属性。
版本：	CSS3
JavaScript 语法：	object.style.borderBlockStartStyle="dotted"

接下来通过多个实例演示border-block-start-style属性的用法，来深化您对border-block-start-style属性的理解。

实例代码运行代码

复制

div {
    border-block-start-style: dotted;
}

实例代码运行代码

复制

div {
    writing-mode: vertical-rl;
    border-block-start-style: dotted;
}

border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

值	描述
`none`	指定无边框（默认值）。
`hidden`	与 "none" 相同，但在表格元素的边框冲突解决中有所不同。
`dotted`	指定点状边框。
`dashed`	指定虚线边框。
`solid`	指定实线边框。
`double`	指定双线边框。
`groove`	指定 3D 凹槽边框（效果取决于`border-color`的值）。
`ridge`	指定 3D 外凸边框（效果取决于`border-color`的值）。
`inset`	指定 3D 内嵌边框（效果取决于`border-color`的值）。
`outset`	指定 3D 外凸边框（效果取决于`border-color`的值）。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 inherit。

表中的数字指定了完全支持border-block-start-style属性的第一个浏览器版本。