CSS | border-block-start-width 属性

CSS的border-block-start-width属性被用于设置元素边框的宽度，特别是在块级元素的“起始边”（在LTR语言中是左边界，在RTL语言中是右边界）上的宽度。

语法

border-block-start-width: thin | medium | thick | length | initial | inherit;

• thin: 设置边框宽度为一个相对较薄的值（具体的值取决于用户代理）
• medium: 设置边框宽度为一个中等值（具体的值取决于用户代理）
• thick: 设置边框宽度为一个相对较厚的值（具体的值取决于用户代理）
• length: 以像素、英寸、厘米等单位明确地设置边框宽度
• initial: 将边框宽度设置为默认值
• inherit: 从父元素继承边框宽度的值

示例

border-block-start-width: 2px;

上述代码将元素的“起始边”的边框宽度设置为2像素。

border: 1px solid black;
border-block-start-width: 2px;

上述代码将元素的边框宽度设置为1像素，并将“起始边”的边框宽度设置为2像素。

border-left: 2px solid black;
border-block-start-width: 1px;

上述代码将元素的左边框宽度设置为2像素，并将“起始边”的边框宽度设置为1像素。注意，这里只为左边框指定了样式，而未指定其他边，其他边的样式将保持默认状态。

注意事项

• CSS3规范将“起始边”的概念引入了CSS边框模型中，这个概念在LTR语言中表示一个块级元素的左边界，在RTL语言中表示右边界。
• 在一个块级元素中，”border-block-start-width“是这个元素中，相对于文本流展开方向的起始边上边框的宽度；“border-block-end-width”属性则是相对于起始边相反的边界上的边框宽度（即，在LTR语言中说，就是右边界上的边框，而在RTL语言中就是左边界上的边框）。
• 如果需要同时指定四条边的样式，可以使用“border”属性。
• 在使用“border-block-start-width”属性时，同时对其他边的样式指定了不同的值，将会有重叠效应。在这种情况下，一些浏览器可能会给出不一致的解释。