CSS border-inline-end-width 属性
အသုံးချက် နှင့် အပြုအမူ
border-inline-end-width
အခြေအနေ အဆင်းချိန် အရွယ်အစား အဆင်းသွင်းသည် အကျိုးသုံး အကျိုးခံ အဆင်းသွင်းသည်
မှတ်ချက်:要使 border-inline-end-width
属性生效,必须设置 border-inline-end-style
属性。
CSS border-inline-end-width
属性与 CSS 属性 border-bottom-width
、border-left-width
、border-right-width
နှင့် border-top-width
非常相似,但 border-inline-end-width
属性依赖于行内方向。
မှတ်ချက်:နှင့် အခြား CSS အချက်အလက် writing-mode
、text-orientation
နှင့် direction
အတွင်းရေး ခြေအ�း ကို အသုံးပြုသည်။ ဤသည် တစ်လောက်၏ စတင် နှင့် အဆုံး အခြေအနေ ကို ထိခိုက်ပြီး လည်း border-inline-end-width
အချက်အလက် အရေးအချင်း။ အင်္ဂလိပ် စာမျက်နှာတွင်းမှာ အတွင်းရေး ခြေအ�း မှ လှည့်ပတ်လှည့် ဖြစ်ပြီး ဘလက်ပ် ခြေအ�း မှ ဆင်းသက်သည်。
အမှတ်အသား
အကြောင်းကြား 1
အတွင်းရေး ခြေအ�း အဆုံး အခြေအနေ ကို သတ်မှတ်ပါ:
div { border-inline-end-style: solid; border-inline-end-width: 10px; }
အကြောင်းကြား 2: writing-mode အချက်အလက် နှင့် ပေါင်းစပ်
အတွင်းရေး ခြေအ�း အဆုံး အခြေအနေ ကို အချက်အလက် writing-mode
အချက်အလက် ထိခိုက်
div { border-inline-end-style: solid; writing-mode: vertical-rl; border-inline-end-width: 5px; }
အကြောင်းကြား 3: direction အချက်အလက် နှင့် ပေါင်းစပ်
အတွင်းရေး ခြေအား စတင် နှင့် အဆုံး အခြေအနေ ကို အချက်အလက် direction
အချက်အလက် ထိခိုက်
div { direction: rtl; border-inline-end-width: 10px; }
CSS ပြောင်းလဲခြင်း
border-inline-end-width: medium|thin|thick|length|initial|inherit;
စက္ခု အတ္ထုပတ္တိ
အတ္ထုပတ္တိ | ဖော်ပြ |
---|---|
medium | သန်းကြီးမှ သန်းသီးသီး ကွတ်ပျက် ကို အသုံးပြုပါ (မူးယစ်ဆိုင်) |
thin | သန်းကြီးသော ကွတ်ပျက် ကို အသုံးပြုပါ |
thick | ကြီးမားသော ကွတ်ပျက် ကို အသုံးပြုပါ |
length | သင့် သဘောတူဝါဒ ကို ကွတ်ပျက်ကို ကိုယ်စားပြုသည်။ သို့တည်းမဟုတ်:CSS ဗီယာများ。 |
initial | ထိပ်တန်း သဘောတူဝါဒ ကို ကိုယ်စားပြုသည်။ သို့တည်းမဟုတ်: initial。 |
inherit | သူ၏ ဖခင်သမီး အစိတ်အပိုင်းများ မှ ထိပ်တန်း သဘောတူဝါဒ ကို လက်ခံသည်။ သို့တည်းမဟုတ်: inherit。 |
နည်းပညာ အချက်အလက်
မူးယစ်ဆိုင် | medium |
---|---|
နောက်ထပ်ထုတ်လုပ် | မမှန် |
လှည့်ပတ်လှည့် ပုံစံ: | ထောက်ပံ့လှည့်ပတ်လှည့် အချက်အလက်。 |
ပုံစံ: | CSS3 |
JavaScript ပြောင်းလဲခြင်း: | object.style.borderInlineEndWidth="10px" |
ဘရူးသတ္တု ထောက်ပံ့
စာမျက်နှာတွင်ရှိသော စက္ခုများ ဟာ ထိပ်တန်း အားထူးသော သဘောတူဝါဒ ကို ထောက်ပံ့သော ဘရူးသတ္တု ပုံစံကို မြင်တွေ့သည်。
ခရိုးမော့ | အန်ဂို | ဖက်ဝါး | ဆော်ဖ်ဝါး | အိုပရက် |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
ပတ်ဝန်းကျင့်ဖော်ပြချက်
စကားရပ်:စက်တင်မာန် ယူတီးစ် ပတ်ဝန်းကျင်
参考:စက်ရုံး အဖက်အနား သုံးစွဲခြင်း
参考:စက်ရုံး အကွက်အနား သုံးစွဲခြင်း
参考:CSS border-inline-end-style 属性
参考:စက်သုံးစက်လုပ်ငန်း border-inline-start-width အချက်အလက်
参考:စက်ရုံး အနောက်ဘက် အရေးအချိန် သုံးစွဲခြင်း
参考:စက်သုံးစက်လုပ်ငန်း border-left-width အချက်အလက်
参考:စက်သုံးစက်လုပ်ငန်း border-right-width အချက်အလက်
参考:စက်သုံးစက်လုပ်ငန်း border-top-width အချက်အလက်