စျင်းဆိုင့် ဘလာစ် အောက် ဘလာစ်အိုး အရှေ့ ဘလာစ်ပေါ်

定义和用法

border-end-start-radius အကိုးအချုပ် အရ အကိုးအချုပ် အရာဝတ္တု အချုပ် အစားထိုးထားသော အကိုးအချုပ် နှင့် အကိုးအချုပ် အရ အကိုးအချုပ် အရာဝတ္တု အစားထိုးထားသော အကိုးအချုပ် အရ ဆင်းသတ်ထားသော အကိုးအချုပ် အမှတ်အရာ ဖြစ်သည်။

မှတ်ချက် :လုပ်ငန်းဆိုင်ရာ CSS အကိုးအချုပ် writing-modeနှင့်text-orientation နှင့် direction အကိုးအချုပ် အရ အကိုးအချုပ် အရာဝတ္တု နှင့် အကိုးအချုပ် အရ အကိုးအချုပ် အရာဝတ္တု အစားထိုးထားသည်။ border-end-start-radius အကိုးအချုပ် အရ အကိုးအချုပ် အရာဝတ္တု နှင့် အကိုးအချုပ် အရ အကိုးအချုပ် အရာဝတ္တု အရှည်အကြာ အစားထိုးထားသည်။

အကိုးအချုပ် border-end-start-radius အကိုးအချုပ် နှစ်ခု ရှိသော် ဆင်းသတ်ထားသော အကိုးအချုပ် အမှတ်အရာ တစ်ခု ဖြစ်ပါသည် :

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

အကိုးအချုပ် border-end-start-radius အကိုးအချုပ် အရ ဆင်းသတ်ထားသော အကိုးအချုပ် တစ်ခု ဖြစ်ပါသည့်အတွက် :

border-end-start-radius: 50px;

CSS border-end-start-radius ရှိသော border-bottom-left-radiusနှင့်border-bottom-right-radiusနှင့်border-top-left-radius နှင့် border-top-right-radius ကွဲပြား border-end-start-radius အချက်အလက် ပြောင်းလဲသော ဘာသာ

အကြောင်းအချက်

အကြောင်းအချက် 1

ပုံစံ အချက်အလက် ပြုလုပ်

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

ကျွန်တော် ကြိုးစားကြည့်ပါ

အကြောင်းအချက် 2: direction အချက်အလက် ပေါင်းစပ်

ပြောင်းလဲသော ဘာသာ direction အချက်အလက် အင်္ဂါ

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

ကျွန်တော် ကြိုးစားကြည့်ပါ

အကြောင်းအချက် 3: writing-mode အချက်အလက် ပေါင်းစပ်

ပြောင်းလဲသော ဘာသာ writing-mode အချက်အလက် အင်္ဂါ

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

ကျွန်တော် ကြိုးစားကြည့်ပါ

ကျွန်း စကားပြော့

border-end-start-radius: 0|lengthinitial|inherit;

အချက်အလက်

ပြောင်းလဲသော ဘာသာ ဖော်ပြ
0 မူးယစ်
length ပြောင်းလဲသော ဘာသာCSS အကွက်
% အစိတ်အပိုင်း အတိုင်း အရာများ
မူးယစ် အချက်အလက် မူးယစ်
ကူးပြောင်း အဖွဲ့ဝင် ပြင်ပ အရာများ ကူးပြောင်း

နည်းပါး

မူးယစ် 0
ကူးပြောင်း မမရှိ
လှည့်ပတ် ပြုလုပ် ထောက်ပံ့လှည့်ပတ် အချက်အလက်
ပုံစံ ကျွန်း ကိုယ်စားပြုထားသော ဘာသာ
ဂျစ်တာ စကားပြော့ object.style.borderEndStartRadius="50px"

ဘာသာပြန်လည် ဘာသာ

အချက်အလက် ပြောင်းလဲသော ဘာသာ

ခလုယ် အန်ဂျီ ဖက်ခ် ဆာဖာ အိုပီ
89.0 89.0 66.0 15.0 75.0

ကိုယ်စားပြုထားသော စာမျက်နှာ

教程:ပုံစံဆိုင်ရာ ဆင်းရဲ

参考:စျင်းဆိုင့် ဘလာစ် အောက် ဘလာစ်အိုး အနောက်

参考:စျင်းဆိုင့် ဘလာစ် အောက် ဘလာစ်အိုး အရှေ့

参考:စတုံးခုံ border-top-left-radius ဗီဇ

参考:စတုံးခုံ border-top-right-radius ဗီဇ

参考:စက်တင်ဆိုင်ရာ စက်တင်စားပါးချိန်

参考:ပုံစံဆိုင်ရာ text-orientation အကိုးအချုပ်

参考:ပုံစံဆိုင်ရာ writing-mode အကိုးအချုပ်