CSS Dolgu özelliği kullanıldı eleman içeriği ile eleman sınırı arasındaki boşluğu tanımlamak için .
CSS kenar boşluğunun öğelerin etrafındaki boşluğu tanımlaması açısından CSS kenar boşluğundan farklıdır. CSS dolgusu arka plan renklerinden etkilenir. İçeriğin etrafındaki alanı temizler.
Üst, alt, sol ve sağ dolgu, ayrı özellikler kullanılarak bağımsız olarak değiştirilebilir. Ayrıca steno dolgu özelliğini kullanarak tüm özellikleri bir kerede değiştirebilirsiniz.
CSS Dolgu Özellikleri
| Mülk | Tanım |
|---|---|
| dolgu malzemesi | Tüm dolgu özelliklerini tek bir bildirimde ayarlamak için kullanılır. |
| sol dolgu | Bir elemanın sol dolgusunu ayarlamak için kullanılır. |
| sağ dolgu | Bir elemanın doğru dolgusunu ayarlamak için kullanılır. |
| dolgulu üst | Bir elemanın üst dolgusunu ayarlamak için kullanılır. |
| dolgulu alt | Bir elemanın alt dolgusunu ayarlamak için kullanılır. |
CSS Dolgu Değerleri
| Değer | Tanım |
|---|---|
| uzunluk | Pt, px, em vb. cinsinden sabit dolguyu tanımlamak için kullanılır. |
| % | İçeren öğenin %'si cinsinden dolguyu tanımlar. |
CSS Dolgu Örneği
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Şimdi Test Edin Çıktı:
Bu, dolgusu belirtilmemiş bir paragraftır.
Bu, belirtilen dolgulara sahip bir paragraftır.