CSS dolgu Özellik
Örnek
Bir <p> öğesinin dört tarafı için dolguyu 35 piksele ayarlayın:
p {
padding: 35px;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Bir öğenin dolgusu, içeriği ile kenarlığı arasındaki boşluktur.
Özellik padding, aşağıdakiler için kestirme bir özelliktir:
Not: Doldurma, bir öğe içinde fazladan boşluk oluştururken, kenar boşluğu bir öğenin etrafında fazladan boşluk oluşturur.
Bu özellik bir ila dört değere sahip olabilir.
padding özelliğinin dört değeri varsa:
- dolgu:10px 5px 15px 20px;
- üst dolgu 10 pikseldir
- sağ dolgu 5 pikseldir
- alt dolgu 15 pikseldir
- sol dolgu 20 piksel
padding özelliğinin üç değeri varsa:
- dolgu:10 piksel 5 piksel 15 piksel;
- üst dolgu 10 pikseldir
- sağ ve sol dolgu 5 pikseldir
- alt dolgu 15 pikseldir
padding özelliğinin iki değeri varsa:
- dolgu:10 piksel 5 piksel;
- üst ve alt dolgu 10 pikseldir
- sağ ve sol dolgu 5 pikseldir
padding özelliğinin bir değeri varsa:
- dolgu:10 piksel;
- dört dolgunun tümü 10 pikseldir
Not: Negatif değerlere izin verilmez.
| Varsayılan değer: | 0 |
|---|---|
| Miras: | Hayır |
| canlandırılabilir: | evet, bireysel özelliklere bakın . Canlandırılabilir hakkında bilgi edinin |
| Sürüm: | CSS1 |
| JavaScript sözdizimi: | nesne .style.padding="100px 20px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Property | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sözdizimi
padding: length|initial|inherit;
Mülk değerleri
| Value | Description | Play it |
|---|---|---|
| length | Specifies the padding in px, pt, cm, etc. Default value is 0. Read about length units | |
| % | Specifies the padding in percent of the width of the containing element | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
<p> öğesinin dolgusunu üst ve alt için 35 piksele ve sağ ve sol için 70 piksele ayarlayın:
p {
padding: 35px 70px;
}
Örnek
<p> öğesinin dolgusunu üst için 35 piksel, sağ ve sol için 70 piksel ve alt için 50 piksel olarak ayarlayın:
p {
padding: 35px 70px 50px;
}
Örnek
<p> öğesinin dolgusunu üst için 35 piksel, sağ için 70 piksel, alt için 50 piksel ve sol için 90 piksele ayarlayın:
p {
padding: 35px 70px 50px 90px;
}
İlgili Sayfalar
CSS eğitimi: CSS Dolgusu
CSS eğitimi: CSS Kutu Modeli
HTML DOM referansı: dolgu özelliği