คุณสมบัติ border-top-left-radius

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

ไวยากรณ์

cssselector {
  border-top-left-radius: value;
}

ตัวอย่าง

ตั้งค่าการโค้งมน 10px สำหรับมุม ซ้ายบน:

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

Результат:

ดูเพิ่มเติม

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