คุณสมบัติ border-top-left-radius
คุณสมบัติ border-top-left-radius สร้าง
การโค้งมนสำหรับมุมซ้ายบนของเส้นขอบ
และพื้นหลัง ค่าของคุณสมบัติคือ หน่วย
สำหรับขนาด ใดๆ ค่าเริ่มต้น: 0
ไวยากรณ์
selector {
border-top-left-radius: value;
}
ตัวอย่าง
ตั้งค่าการโค้งมน 10px สำหรับมุม
ซ้ายบน:
<div id="elem"></div>
#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,
ซึ่งเป็นคุณสมบัติแบบย่อสำหรับเส้นขอบ
