CSS border-block-end 属性

主题

定义和用法

border-block-end是 CSS 逻辑属性，用于在块流方向的末端（即元素的"块结束"边）设置边框样式。

border-block-end是一个简写属性，可以同时设置以下三个属性：

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

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

实例代码运行代码

复制

div {
    border-block-end: 10px solid #87cefa;
}

实例代码运行代码

复制

div {
    writing-mode: vertical-rl;
    border-block-end: dotted #1e90ff;
}

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

值	描述
border-block-end-width	指定元素在块方向末端的边框宽度（默认值为`medium`）。
border-block-end-style	指定元素在块方向末端的边框样式（默认值为`none`）。
border-block-end-color	指定元素在块方向末端的边框颜色（默认值为边框的当前颜色）。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 inherit。

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