စျူးစ်စ် ဘားကွယ် ဘားကွယ် အရောင်

定义和用法

border-block-end 属性是以下属性的简写形式:

CSS border-block-end 属性与 CSS 的 border-bottomborder-leftborder-rightborder-top 属性非常相似,但 border-block-end 属性依赖于块方向。

注意:相关的 CSS 属性 writing-mode 定义了块方向。这会影响块的起点和终点位置以及 border-block-end 属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。

实例

例子 1

为块方向末端的边框设置宽度、颜色和样式:

div {
  border-block-end: 10px solid pink;
}

亲自试一试

例子 2:结合 writing-mode 属性

块方向末端的边框位置受 writing-mode 属性的影响:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

亲自试一试

CSS 语法

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

技术细节

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

浏览器支持

表格中的数字表示首个完全支持该属性的浏览器版本。

ခလီ အက်ဒီ ဖက်ဒရာ ဆိုဖာ အိုပီ
69.0 79.0 41.0 12.1 56.0

ပါဝင်သော စာမျက်နှာ

အညွှန်းကျမ်းပုံစံ အကျား

လိုင်စတာစျူးစ်စ် ဘားကွယ်ပြီး

လိုင်စတာစျူးစ်စ် ဘားကွယ် ဘလက်လ်

လိုင်စတာစျူးစ်စ် ဘားကွယ် ဘားကွယ် အရောင်

လိုင်စတာစျူးစ်စ် ဘားကွယ် ဘားကွယ် အနက်

လိုင်စတာစျူးစ်စ် ဘားကွယ် ဘားကွယ် အရောင်

လိုင်စတာစက်သုံးဆိုင်ရာ ဘေးဝန်းခြမ်း အဖက် အရောင်

လိုင်စတာစက်သုံးဆိုင်ရာ ဘေးဝန်းခြမ်း အနောက် အရောင်

လိုင်စတာစက်သုံးဆိုင်ရာ ဘေးဝန်းခြမ်း အထိပ် အရောင်

လိုင်စတာပုံစံ writing-mode လုပ်ငန်း