CSS အကျယ်အဝန်း စတင်-အဆုံး အကျယ် အရောင်ရှိ အပြော်ပြား သုံးစွဲ့

အခြေအား နှင့် အသုံးပြုခြင်း

border-start-end-radius အခြေအား ကို သတ်မှတ် သည်။ အခြေအား ကို သတ်မှတ် သည်။ အခြေအား ကို သတ်မှတ် သည်။ အခြေအား ကို သတ်မှတ် သည်။

အကြောင်းကိုးကွယ် ပြီး အခြေအား writing-modeနှင့်text-orientation နှင့် direction အခြေအား ဗဟို အရာ အရာ နှင့် အကြောင်းအရာ သဘော ကို သတ်မှတ် သည်။ အရေးပါ သည့် အခြေအား သည် အခြေအား အကြောင်းအရာ ကို အပျက်အစီး လုပ်ကိုင် သည်။ border-start-end-radius အခြေအား အရလဒ်အား လက်တွေ့ ပြသသော စာသင်္ကာ တွင် အကြောင်းအရာ သဘော မှာ ဆင်းသက် လာကြ သည်။ ဗဟို အရာ အရာ သဘော မှာ အောက်သို့ လာကြ သည်။

အကြောင်း border-start-end-radius အခြေအား နှစ် ကြိမ် ရှိ လျှင် အယ်လ်ဂျီယာ အဖိုင်း က အယ်လ်ဂျီယာ အဖိုင်း ဖြစ်လိမ့်မည်:

border-start-end-radius: 50px 100px;

အကြောင်း border-start-end-radius အခြေအား တစ် ကြိမ် ရှိ လျှင် အယ်လ်ဂျီယာ အဖိုင်း က နေရာ တစ် လုံး ဖြစ်လိမ့်မည်:

border-start-end-radius: 50px;

CSS border-start-end-radius အခြေအား border-bottom-left-radiusနှင့်border-bottom-right-radiusနှင့်border-top-left-radius နှင့် border-top-right-radius အချက်အလက် အတူ အမျိုးမျိုးဖြင့် border-start-end-radius အချက်အလက် ကို အဝိုင်းရိုး စတုရန်း ပုံ နှင့် အစိတ်အတိုင်း အဝိုင်း အချက်အလက်

အကျိုး

စာကြိုး 1

အချက်အလက် ကို အဝိုင်းရိုး စတုရန်း ပုံ စတုရန်း အဝိုင်း နှင့် အစိတ်အတိုင်း အဝိုင်း အပျက် အချက်အလက်

#example1 {
  background-color: lightblue;
  border-start-end-radius: 50px;
}
#example2 {
  background-color: lightblue;
  border-start-end-radius: 50px 20px;
}
#example3 {
  background-color: lightblue;
  border-start-end-radius: 50%;
direction: rtl;
}
#example4 {
  background-color: lightblue;
  border-start-end-radius: 50%;
  writing-mode: vertical-rl;
}

ကိုယ်တိုင် ကျင်းပပြန်

စာကြိုး 2: direction အချက်အလက် ကို အသုံးပြု

အဝိုင်းရိုး စတုရန်း ပုံ စတုရန်း အဝိုင်း နှင့် အစိတ်အတိုင်း အဝိုင်း အပျက် အချက်အလက် direction အချက်အလက် အပျက်

#example1 {
  border: 2px solid red;
  direction: rtl;
  border-start-end-radius: 25px;
}

ကိုယ်တိုင် ကျင်းပပြန်

စာကြိုး 3: writing-mode အချက်အလက် ကို အသုံးပြု

အဝိုင်းရိုး စတုရန်း ပုံ စတုရန်း အဝိုင်း နှင့် အစိတ်အတိုင်း အဝိုင်း အပျက် အချက်အလက် writing-mode အချက်အလက် အပျက်

#example2 {
  border: 2px solid red;
  writing-mode: vertical-rl;
  border-start-end-radius: 25px;
}

ကိုယ်တိုင် ကျင်းပပြန်

ဘဏ္ဍာင် ဘာသာစကား

border-start-end-radius: 0|length|initial|inherit;

အချက်အလက်

နည်းပါး

ဘဏ္ဍာင် ထောက်ပံ့မှု

အချက်အလက်များတွင် အရေးယူသော ဘဏ္ဍာင် ကို သတ်မှတ်ထားသည် သို့မဟုတ် အခြား ဘဏ္ဍာင် ကို အပိုကို ထောက်ပံ့ပေးသည်

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

စကားရပ်ကျသင်္ကေတ်စက်တင် အချင်းရေး အနောက်အရှည်

参考：စီစ်အုပ်ချုပ်ရေး နားရွားအချက်အလက်

参考：စီစ်အုပ်ချုပ်ရေး နားရွားအချက်အလက်

参考：CSS အကျယ်အဝန်း အောက်ပိုင်း ဆက်ချိန် အရောင် ရှိ အပြော်ပြား သုံးစွဲ့

参考：CSS အကျယ်အဝန်း အောက်ပိုင်း ဆက်ချိန် အရောင် ရှိ အပြော်ပြား သုံးစွဲ့

参考：စီစ်ကိုင်း direction အခြေအနေ

参考：စက်တင် အချင်းရေး text-orientation သုံးစွဲမှု

参考：စက်တင် အချင်းရေး writing-mode သုံးစွဲမှု