ပိုင်ဆိုင်မှု border-top-right-radius

ပိုင်ဆိုင်မှု border-top-right-radius သည် နယ်နိမိတ်နှင့် နောက်ခံ၏ ညာဘက်အပေါ်ထောင့်အတွက် ထောင့်ဝိုင်းခြင်းကို ဖန်တီးပေးသည်။ ပိုင်ဆိုင်မှု၏ တန်ဖိုးများအဖြစ် အရွယ်အစားများအတွက် ယူနစ်များကို အသုံးပြုနိုင်သည်။ နဂိုအတိုင်း တန်ဖိုး: 0.

ဝါကျဖွဲ့ပုံ

cssဆီလက်တာ {
  border-top-right-radius: တန်ဖိုး;
}

နမူနာ

ညာဘက်အပေါ်ထောင့်အတွက် ထောင့်ဝိုင်းခြင်း 10px ကို သတ်မှတ်ကြပါစို့:

html<div id="elem"></div>
css#elem {
  border-top-right-radius: 10px;
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

ဒါတွေလဲ ကြည့်ပါ

  • ပိုင်ဆိုင်မှု border-top-left-radius,
    သည် ဘယ်ဘက်အပေါ်ထောင့်အတွက် ထောင့်ဝိုင်းခြင်းကို သတ်မှတ်ပေးသည်
  • ပိုင်ဆိုင်မှု border-bottom-left-radius,
    သည် ဘယ်ဘက်အောက်ခြေထောင့်အတွက် ထောင့်ဝိုင်းခြင်းကို သတ်မှတ်ပေးသည်
  • ပိုင်ဆိုင်မှု border-bottom-right-radius,
    သည် ညာဘက်အောက်ခြေထောင့်အတွက် ထောင့်ဝိုင်းခြင်းကို သတ်မှတ်ပေးသည်
  • ပိုင်ဆိုင်မှု border-radius,
    သည် ထောင့်အားလုံးအတွက် ထောင့်ဝိုင်းခြင်းကို တစ်ပြိုင်နက် သတ်မှတ်ပေးသည်
  • ပိုင်ဆိုင်မှု border,
    သည် နယ်နိမိတ်အတွက် တိုက်ရိုက်အတိုကောက်ပိုင်ဆိုင်မှု တစ်ခုဖြစ်သည်