CSS Yuvarlak Kenarlıklar
CSS Yuvarlak Kenarlıklar
Özellik border-radius
, bir öğeye yuvarlak kenarlıklar eklemek için kullanılır:
Normal sınır
Yuvarlak kenarlık
yuvarlak kenarlık
en yuvarlak sınır
Örnek
p {
border: 2px solid red;
border-radius: 5px;
}
Daha fazla örnek
Bu örnek, tek bir bildirimde üst sınır için tüm özellikleri ayarlamak için bir steno özelliğini gösterir.
Bu örnek, alt sınırın stilinin nasıl ayarlanacağını gösterir.
Bu örnek, sol sınırın genişliğinin nasıl ayarlanacağını gösterir.
ayarlama Bu örnek, dört kenarlığın renginin nasıl ayarlanacağını gösterir. Bir ila dört renge sahip olabilir.
ayarlama Bu örnek, sağ kenarlığın renginin nasıl ayarlanacağını gösterir.
Tüm CSS Kenarlık Özellikleri
Property | Description |
---|---|
border | Sets all the border properties in one declaration |
border-bottom | Sets all the bottom border properties in one declaration |
border-bottom-color | Sets the color of the bottom border |
border-bottom-style | Sets the style of the bottom border |
border-bottom-width | Sets the width of the bottom border |
border-color | Sets the color of the four borders |
border-left | Sets all the left border properties in one declaration |
border-left-color | Sets the color of the left border |
border-left-style | Sets the style of the left border |
border-left-width | Sets the width of the left border |
border-radius | Sets all the four border-*-radius properties for rounded corners |
border-right | Sets all the right border properties in one declaration |
border-right-color | Sets the color of the right border |
border-right-style | Sets the style of the right border |
border-right-width | Sets the width of the right border |
border-style | Sets the style of the four borders |
border-top | Sets all the top border properties in one declaration |
border-top-color | Sets the color of the top border |
border-top-style | Sets the style of the top border |
border-top-width | Sets the width of the top border |
border-width | Sets the width of the four borders |