มุมโค้งมน 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 | ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมล่างซ้าย |