มุมโค้งมน CSS3 ใช้เพื่อเพิ่มมุมสีพิเศษให้กับเนื้อหาหรือข้อความโดยใช้คุณสมบัติ border-radius
ไวยากรณ์ง่าย ๆ ของมุมโค้งมนมีดังนี้ −
#rcorners {
border-radius: 60px/15px;
background: #FF0000;
padding: 20px;
width: 200px;
height: 150px;
} ตารางต่อไปนี้แสดงค่าที่เป็นไปได้สำหรับมุมโค้งมนดังนี้:
| ค่า | คำอธิบาย |
|---|---|
| border-radius | ใช้องค์ประกอบนี้เพื่อตั้งค่าคุณสมบัติรัศมีเส้นขอบสี่อัน |
| border-top-left-radius | ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมซ้ายบน |
| border-top-right-radius | ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมบนขวา |
| border-bottom-right-radius | ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมล่างขวา |
| border-bottom-left-radius | ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมล่างซ้าย |