Yuvarlak köşeler için W3C CSS3 ile birlikte yeni bir özellik ekledi :border-radius. CSS3 ‘ü destekleyen tarayıcıların sayılarının artması sebebiyle bizde yavaş yavaş bu özellikleri kullanmaya başlıyoruz.
Mozilla/Firefox, Safari 3 ve Chrome kullanıcıları burada yuvarlak köşeli bir kutu görecekler.
Aşağıda ilgili kutunun HTML kodu bulunmakta.
<div style=" background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >
Sadece belli köşelere yuvarlak kenarlık vermek için de aşağıdaki özellikleri kullanabiliriz:
-moz-border-radius-topleft/-webkit-border-top-left-radius-moz-border-radius-topright/-webkit-border-top-right-radius-moz-border-radius-bottomleft/-webkit-border-bottom-left-radius-moz-border-radius-bottomright/-webkit-border-bottom-right-radius
