CSS padding-bottom özelliği
- önceki sayfa padding-block-start
- Sonraki sayfa padding-inline
Tanım ve Kullanım
padding-bottom özelliği, elementin alt iç boşluğunu (alt boşluk) ayarlar.
Açıklama
Bu özellik, elementin alt iç boşluğunun genişliğini ayarlar. Düzenli olmayan yer değiştirici elementler üzerinde alt iç boşluğu, satır yüksekliği hesaplanırken etki etmez, bu yüzden, bir element hem iç boşluk hem de arka plana sahipse, görsel olarak diğer satırlara uzanabilir ve diğer içeriklerle çakışabilir. Negatif iç boşluk değerleri belirlenmemelidir.
Yorum:Negatif değerler kullanılmamalıdır.
Ayrıca bakınız:
CSS Eğitimleri:CSS iç boşluğu
HTML DOM Referans Kılavuzu:paddingBottom Özelliği
Örnek
p elementinin alt iç boşluğunu ayarlayın:
p { padding-bottom:2cm; }
Daha fazla örnek için sayfa altında bakın
CSS Dilbilgisi
padding-bottom: length|initial|inherit;
Özellik Değeri
Değer | Açıklama |
---|---|
length | Belirli bir birimde sabit alt iç boşluğu değeri belirler, örneğin piksel, santim vb. Varsayılan değeri 0px'dır. |
% | Parent element genişliğine dayalı yüzdelik alt iç boşluğu tanımlar. Bu değer tüm tarayıcılar için beklenmedik şekilde çalışmayabilir. |
inherit | Alt iç boşluğunu parent element'ten miras alması gerektiğini belirler. |
Teknik Açıklamalar
Varsayılan Değer: | 0 |
---|---|
Geçişlilik: | hayır |
Sürüm: | CSS1 |
JavaScript Dilbilgisi: | object.style.paddingBottom="10px" |
TIY Örneği
- Alt iç boşluğu 1 olarak ayarlayın
- Bu örnek, hücrelerin alt iç boşluğunu santimetre değerleri kullanarak nasıl ayarlandığını gösterir.
- Alt iç boşluğu 2 olarak ayarlayın
- Bu örnek, hücrelerin alt iç boşluğunu yüzde değerleri kullanarak nasıl ayarlandığını gösterir.
Tarayıcı desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- önceki sayfa padding-block-start
- Sonraki sayfa padding-inline