คุณสมบัติ 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,
    ซึ่งเป็นคุณสมบัติแบบย่อสำหรับเส้นขอบ