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