CSS3 Border Radius Property คือ คุณสมบัติการกำหนดเส้นขอบแบบโค้งมนด้วย CSS3 ซึ่งจะช่วยให้นักพัฒนาเว็บไซต์สามารถสร้างกล่องแบบโค้งมนได้อย่างง่ายดายจากกำหนดด้วยคุณสมบัติของ CSS3
ตัวอย่างโปรแกรม
1
2
3
4
5
6
7
8
9
10
11
12
13
| <style>#box_css3_raduis { border:solid 1px green; width:150px; height:150px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#009900;}</style><div id='box_css3_raduis'></div> |
ข้อควรระวัง
CSS3 Border Radius Property สนับสนุนบน IE9+, Firefox 4+, Chrome, Safari 5+, และ Opera ครับ