စီစ်အုပ်သုံးစံအား အကွက်အဆင်း အောက်ပိုင်း အခြေအနေ သတ်မှတ်ခြင်း
အသုံးပြုခြင်း နှင့် ဖော်ပြ
border-block-end-style
ဗီဇစားကို အရာဝတ္တု ပုံစံတွင် အရွိုင်းစင်းသတ်မှတ်သည်။
CSS border-block-end-style
ဗီဇစား border-bottom-style
、border-left-style
、border-right-style
နှင့် border-top-style
属性非常相似,但 border-block-end-style
属性依赖于块方向。
注意:相关的 CSS 属性 writing-mode
定义了块方向。这会影响块的起点和终点位置以及 border-block-end-style
属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。
实例
例子 1
为块方向末端的边框设置样式:
div { border-block-end-style: dotted; }
例子 2:结合 writing-mode 属性
块方向末端边框样式的位置受 writing-mode
属性的影响:
div { border-block-end-style: solid; writing-mode: vertical-rl; border-block-end-width: 5px; }
CSS ဘာသာစကား
border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
ဗီဇိုင်း အချက်အလက်
အချက်အလက် | ဖော်ပြ |
---|---|
တစ်ခုတည်း | မည်သည်မျှ မပြောင်းလဲသေး |
အချက်အလက် | အချက်အလက် |
အောက်ထိုးရုံးစိတ် နှင့် အတူ အပြောင်းလဲသေး သော်လည်း အချက်အလက် အားဖြင့် အပြောင်းလဲသေး မဟုတ် | 3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး | 3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး | 3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး | 3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး အကျိုးသက်ရောက်ခြင်း သည် border-color အရာအား မျှော်လင့်ချက် |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး အကျိုးသက်ရောက်ခြင်း သည် border-color အရာအား မျှော်လင့်ချက် |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အောက်ဘက် နောက်ဘက် အကွာအဝေး အကျိုးသက်ရောက်ခြင်း သည် border-color အရာအား မျှော်လင့်ချက် |
အပြားမှ အပေါ်ဘက် နောက်ဘက် အကွာအဝေး |
3D အပြားမှ အပေါ်ဘက် နောက်ဘက် အကွာအဝေး ဖော်ပြခြင်း အကျိုးသက်ရောက်ခြင်း သည် border-color အရာအား မျှော်လင့်ချက် |
အောက်ထိုးရုံးစိတ် | ထို ဗီဇိုင်းကို အချက်အလက် ပြုလုပ်ခြင်း အောက်ထိုးရုံးစိတ်. |
အောက်ထိုးရုံးစိတ် | ထို ဗီဇိုင်းကို အဖိုင်အရာအားဖြင့် အောက်ထိုးရုံးစိတ် ပြုလုပ်ခြင်း အောက်ထိုးရုံးစိတ်. |
နည်းပါးရပ်
မည်သည်မျှ မပြောင်းလဲသေး | တစ်ခုတည်း |
---|---|
အောက်ထိုးရုံးစိတ်: | နည်းပါ |
အယူအဆ မူလမူလရိုးကြီး: | no. ကြည့်ချင်း |
ပုံစံ: | CSS3 |
JavaScript ဘာသာစကား: | object.style.borderBlockEndStyle="dotted" |
ဘာသာစကား ထောက်ပံ့ခြင်း
အချက်အလက်များတွင် ဖော်ပြထားသော ဘာသာစကား သည် ထို ဗီဇိုင်းဆိုင်ရာ ဗီဇိုင်း ကို ထောက်ပံ့ပေးသော ဘာသာစကား ပုံစံကို ဖော်ပြသည်。
ချိတ် | အင်္ဂါ | ဖက်ဝါ | ဆိပ်ဖြူ | ရိုးပြား |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
ပါဝင်သော စာမျက်နှာများ
စည်းကမ်း:စီစ်တက် ကုံးစက် အပေါ်လွှာ အသား
ကိုးကားခြင်း:စီစ်အုပ်သုံးစံအား အကွက်ကြိန်တူပြီး ပြင်းထန်ခြင်း
ကိုးကားခြင်း:စီစ်အုပ်သုံးစံအား အကွက်အဆင်း အောက်ပိုင်း သတ်မှတ်ခြင်း
ကိုးကားခြင်း:စီစ်အုပ်သုံးစံအား အကွက်အဆင်း အောက်ပိုင်း အခြေအနေ သတ်မှတ်ခြင်း
ကိုးကားခြင်း:စီစ်အုပ်သုံးစံအား အကွက်အဆင်း အောက်ပိုင်း အခြေအနေ သတ်မှတ်ခြင်း
ကိုးကားခြင်း:စီစ်အုပ်သုံးစံအား အကွက်အဆင်း အောက်ခြေ အခြေအနေ သတ်မှတ်ခြင်း
ကိုးကားခြင်း:စီစဥ်အိတ် ဆိုင်ချိန် ပြင်ပ အပြုအမူ
ကိုးကားခြင်း:စီစဥ်အိတ် ဆိုင်ချိန် ပြင်ပ အပြုအမူ
ကိုးကားခြင်း:စီစဥ်အိတ် အောက် အပြုအမူ
ကိုးကားခြင်း:စီစ်တက် ကုံးစက် writing-mode အကိုးအချုပ်