စျူးစ်စ် ဘားကွယ် ဘားကွယ် အရောင်
- အရှေ့ပိုင်း စာလုံး border-block-color
- နောက်ပိုင်း စာလုံး border-block-end-color
定义和用法
border-block-end
属性是以下属性的简写形式:
CSS border-block-end
属性与 CSS 的 border-bottom
、border-left
、border-right
和 border-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 လုပ်ငန်း
- အရှေ့ပိုင်း စာလုံး border-block-color
- နောက်ပိုင်း စာလုံး border-block-end-color