စက်စင် အဖက်အရှည် အချိန်ချိုး အရှည်အရှား

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

border-end-end-radius အချင်းအစားသည် အကြိမ်ဖြတ် အစားအရေးခံ ခြင်း နှင့် အကြိမ်ဖြတ် အစားအရေးခံ ခြင်း အရွယ်အစား ကို အသိအမှတ်ပြုထားသည်。

သတိပြုပါတယ်:ပတ်သတ်ထားသော CSS အချင်းအစားများ writing-mode、text-orientation 和 direction ပတ်လည် အကြိမ်ဖြတ် နှင့် အကြိမ်ဖြတ် အစားအရေးခံ ခြင်း ကို အသိအမှတ်ပြုထားသည်။ အရှိသော အချင်းအစားများ သည် ထို့ကြောင်း အကြောင်းရပ်သတ်သွားသည်。 border-end-end-radius အချင်းအစား၏ အရသာရှိသည်။ အင်္ဂလိပ် စာစောင်များ တွင် အကြိမ်ဖြတ် အကြောင်းရပ်သတ်ခြင်း သည် ဆစ်သမတ် ခုံခြုံ နှင့် အကြိမ်ဖြတ် အစားအရေးခံ ခြင်း မှ ကြောင်းရပ်သတ်ထားသည်。

အခြား border-end-end-radius အချင်းအစားသည် အရွယ်အစား နှစ်ခု ရှိလျှင် ပတ်လည်သည် အပေါင်းစားဖြစ်သည်：

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

အခြား border-end-end-radius အချင်းအစားသည် အရွယ်အစား တစ်ခု ရှိလျှင် ပတ်လည်သည် နေရာသီဥတုသာဖြစ်သည်：

border-end-end-radius: 50px;

CSS border-end-end-radius 属性与 border-bottom-left-radius、border-bottom-right-radius、border-top-left-radius 和 border-top-right-radius 属性非常相似，但 border-end-end-radius 属性依赖于块方向和行内方向。

实例

例子 1

为某些元素的块方向末尾和行内方向末尾添加圆角：

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

ကိုယ်တိုင် ကြိုးစားပါ

例子 2：结合 direction 属性

块方向和行内方向末尾的圆角位置受 direction အချက်အလက် အော်ချမ်းသား

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

ကိုယ်တိုင် ကြိုးစားပါ

例子 3：结合 writing-mode 属性

块方向和行内方向末尾的圆角位置受 writing-mode အချက်အလက် အော်ချမ်းသား

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

ကိုယ်တိုင် ကြိုးစားပါ

ဆိုက်ကူး ဘာသာစကား

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

အချက် အရ

နည်းပါးစွာ

ဘာသာစကား အကူအညီ

အချက်အလက် အရ အကျွမ်းကျွမ်းသော ဘာသာစကား ကို အသုံးပြုပြီ

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

教程：CSS ဆင်းနှီး

参考：စက်စင် အောက်ပိုင်း အရှည်အရှား အဖက်အရှည်

参考：စက်စင် အောက်ပိုင်း အရှည်အရှား အဖက်အရှည် အချိန်ချိုး

参考：ကွန်ပို့ဆောင် border-top-left-radius အကိုးအချုပ်

参考：ကွန်ပို့ဆောင် border-top-right-radius အကိုးအချုပ်

参考：စက်ပိုင်းအခြား ကိုင်ဆောင်ရမည့် လက်ရာစက်

参考：CSS စကား စီးဆင်း

参考：CSS အစကား