คุณสมบัติ border-bottom-right-radius

คุณสมบัติ border-bottom-right-radius สร้างการทำให้ขอบมนสำหรับมุมล่างขวาของ เส้นขอบและพื้นหลัง ค่าของคุณสมบัติคือ หน่วยใด ๆ สำหรับขนาด ค่าเริ่มต้น: 0

ไวยากรณ์

cssตัวเลือก {
  border-bottom-right-radius: ค่า;
}

ตัวอย่าง

กำหนดการทำให้ขอบมน 10px สำหรับมุมล่าง ขวา:

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

Результат:

ดูเพิ่มเติม

  • คุณสมบัติ border-top-left-radius,
    ซึ่งกำหนดการทำให้ขอบมนสำหรับมุมบนซ้าย
  • คุณสมบัติ border-top-right-radius,
    ซึ่งกำหนดการทำให้ขอบมนสำหรับมุมบนขวา
  • คุณสมบัติ border-bottom-right-radius,
    ซึ่งกำหนดการทำให้ขอบมนสำหรับมุมล่างซ้าย
  • คุณสมบัติ border-radius,
    ซึ่งกำหนดการทำให้ขอบมนพร้อมกันสำหรับทุกมุม
  • คุณสมบัติ border,
    ซึ่งเป็นคุณสมบัติแบบย่อสำหรับเส้นขอบ