စျူးရူးအစိတ် အစိတ်အခြား အလယ် အစိတ်အခြား အရွယ်အစား

定义和用法

border-block-end-width 属性设置元素在块方向末端的边框宽度。

注意:要使 border-block-end-width 属性生效,必须设置 border-block-end-style 属性。

CSS border-block-end-width 属性与 border-bottom-widthborder-left-widthborder-right-widthborder-top-width 属性非常相似,但 border-block-end-width 属性依赖于块方向。

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

实例

例子 1

设置块方向末端的边框宽度:

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

亲自试一试

例子 2:结合 writing-mode 属性

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

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-width: 5px;
}

亲自试一试

CSS 语法

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

属性值

描述
medium 指定中等宽度边框。默认值。
thin 指定细边框。
thick 指定粗边框。
length သတင်းသင်းသင် ခြင်း:CSS အက်စ် ပြောင်းလဲ
initial ထို အခြေအနေ ကို မူကွဲ ပြင်ဘာသာ ကို ကျွမ်းကျွမ်းစွာ ကျွမ်းကျွမ်းစွာ ပြင်ဆင်ပါ။ ကျမ်းကို လေ့လာပါ: initial
inherit ဖြစ်ပေါ်လာသော ပြင်ဘာသာ အား ထို အခြေအနေ ခံယူပါ။ ကျမ်းကို လေ့လာပါ: inherit

နည်းပါး

မူကွဲ: medium
အယူအဆ: ထိပ်သိမ်း
အသံထွက် ဖန်တီး: လက်ခံပါ:အသံထွက် သုံးစွဲမှု သုံးစွဲမှု
ပုံစံ: CSS3
JavaScript လိုင်းဘာသာ: object.style.borderBlockEndWidth="10px"

ဘရောက်ဆိုက် အထောက်အပံ့

ဘတ်မြစ်တွင် စာရင်းရှိ နည်းပါးများ သည် အပြော်အများဆုံး လက်ခံသည် သုံးစွဲသူ ဘရောက်ဆိုက် မူကွဲတွင် ကြောင်းရှိသည်。

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

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

စကားရပ်များ:ပုံစံ အကျယ်ပတ်

လိုက်ချက်များစျူးရူးအစိတ် အခြား

လိုက်ချက်များစျူးရူးအစိတ် အစိတ်အခြား

လိုက်ချက်များစျူးရူးအစိတ် အစိတ်အခြား အရွယ်အစား အလယ်

လိုက်ချက်များစျူးရူးအစိတ် အစိတ်အခြား အလယ် အစိတ်အခြား

လိုက်ချက်များစျူးရူးအစိတ် အစိတ်အခြား အစိတ်အခြား အရွယ်အစား

လိုက်ချက်များစျူးရူးအစိတ် အခြား အရွယ်အစား

လိုက်ချက်များစီစ်ကျည့်သုံးခြင်း border-left-width အရေးယူဆောင်ရွက်မှု

လိုက်ချက်များစီစ်ကျည့်သုံးခြင်း border-right-width အရေးယူဆောင်ရွက်မှု

လိုက်ချက်များစီစ်ကျည့်သုံးခြင်း border-top-width အရေးယူဆောင်ရွက်မှု

လိုက်ချက်များပုံစံ writing-mode အခြေအနေ