စီစ်အုပ် border-start-start-radius အကိုးအခံ

定义和用法

border-start-start-radius 属性用于定义元素块方向起始处（block-start）和行内方向起始处（inline-start）之间的圆角半径。

注意：相关的 CSS 属性 writing-mode、text-orientation 和 direction 定义了块方向和行内方向。这就是为什么这些属性也会影响 border-start-start-radius 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。

အခြား border-start-start-radius အချက်အလက်အတွက် ပြင်လည်သတ်မှတ်သည့် အသုံးပြုသည်ကိုသာ အနှံတုန်းအတိုင်း ဆန်းနွားသည့် အနှံတုန်းတစ်ခုခုဖြစ်သည်：

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

အခြား border-start-start-radius အချက်အလက်အတွက် ပြင်လည်သတ်မှတ်သည့် အသုံးပြုသည်ကိုသာ အနှံတုန်းအတိုင်း ဆန်းနွားသည့် အနှံတုန်းတစ်ခုခုဖြစ်သည်：

border-start-start-radius: 50px;

CSS border-start-start-radius အချက်အလက်နှင့် border-bottom-left-radius、border-bottom-right-radius、border-top-left-radius 和 border-top-right-radius 属性非常相似，但 border-start-start-radius 属性依赖于块方向和行内方向。

实例

例子 1

为某些元素的块方向起始处和行内方向起始处添加圆角：

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

亲自试一试

例子 2：结合 direction 属性

块方向和行内方向起始处的圆角位置受 direction 属性的影响：

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

亲自试一试

例子 3：结合 writing-mode 属性

块方向和行内方向起始处的圆角位置受 writing-mode 属性的影响：

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

亲自试一试

CSS 语法

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

属性值

နည်းပါးစွာ

ဘရာဇယာဉ် အကူအညီ

အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် စာမျက်နှာ ကို အဖြစ် ပြုသည်

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

အခွင့်အရေးCSS အနှစ်

လိုအပ်ချက်စျူးဆိုး ဘလက်စီ အောက် ဘယ်လောက် ကွဲခြင်း

လိုအပ်ချက်စျူးဆိုး ဘလက်စီ အောက် ဘယ်လောက် ကွဲခြင်း

လိုအပ်ချက်စီစ်အုပ် border-top-left-radius အကိုးအခံ

လိုအပ်ချက်စီစ်အုပ် border-top-right-radius အကိုးအခံ

လိုအပ်ချက်စက်တင်စကားကြောင်းဖော်လုပ်သည့် အဆင့်

လိုအပ်ချက်CSS စကား အခြေအနေ

လိုအပ်ချက်CSS အချက်