定义和用法
border-block-end-width 是 CSS 中的一个逻辑属性，它用于设置元素在块级方向结束处的边框宽度。
border-block-end-width 属性可以编写出更具包容性和灵活性的样式代码，减少针对不同文本方向和书写模式的特殊处理。
CSS 的逻辑属性系统是相对于文档流方向的，而不是固定的物理方向（如上下左右）。在水平文本流（如英语、中文）中，块级方向通常是垂直的，因此 border-block-end-width 对应于底部边框宽度；但在垂直文本流（如日语竖排）中，块级方向是水平的，此时 border-block-end-width 可能对应于右侧边框宽度。
| 默认值： | medium |
| 继承性： | 否 |
| 可动画性： | 支持。请参阅：可动画属性。 |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.borderBlockEndWidth="10px" |
常用的实例
接下来通过多个实例演示border-block-end-width属性的用法，来深化您对border-block-end-width属性的理解。
1. 水平文本流（LTR）
div {
border-block-end-width: 10px;
border-block-end-style: solid;
border-block-end-color: #f00;
}2. 垂直文本流
div {
writing-mode: vertical-rl;
border-block-end-width: 10px;
border-block-end-color: #f00;
}CSS 语法
border-block-end-width: medium|thin|thick|length|initial|inherit;属性值
| 值 | 描述 |
medium |
指定中等宽度边框（默认值）。 |
thin |
指定细边框。 |
thick |
指定粗边框。 |
length |
允许您定义边框的厚度。参阅 CSS 单位。 |
initial |
将此属性设置为其默认值。参阅 initial。 |
inherit |
从其父元素继承此属性。参阅 inherit。 |
浏览器支持
表中的数字指定了完全支持border-block-end-width属性的第一个浏览器版本。
 |
 |
 |
 |
 |
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
相关页面
CSS 教程：CSS 边框
CSS 参考手册：CSS border 属性
CSS 参考手册：CSS border-block 属性
CSS 参考手册：CSS border-block-end 属性
CSS 参考手册：CSS border-block-end-style 属性
CSS 参考手册：CSS border-block-start-width 属性
CSS 参考手册：CSS border-top-style 属性
CSS 参考手册：CSS border-right-style 属性
CSS 参考手册：CSS border-bottom-style 属性
CSS 参考手册：CSS border-left-style 属性
CSS 参考手册：CSS writing-mode 属性
反馈提交成功
感谢您的反馈，我们将尽快处理您的反馈