Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

CSS padding-bottom Özelliği

CSS padding-bottom

Css padding-bottom özelliği ile bir html elemanının içeriği ile alt kenar sınırının arasındaki boşluklarının sitili düzenlenebilir.

Örnek:

Bu örnekte 3 farklı paragraf elemanından birtanesine padding-bottom değeri "100px" olarak düzenlenmiştir.Bu özelliğin etkisini anlamak için aşağıdaki kendiniz deneyin tuşuna tıklayınız.

p.padbottom { padding-bottom: 100px; background-color: yellow; border: 1px solid black; }

CSS padding-bottom nedir nasıl kullanılır

Bir html elemanın alt kenar çizgisi ile içerği arasındaki tanımlanan boşluk "padding-bottom" özelliğinin görevidir.Girilecek olan değerler yüzde ,sayısal olarak ise px cm gibi değerler tanımlanabilir.

CSS padding-bottom CSS padding-bottom özellikleri  
Varsayılan Değer: 0  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS1  
JavaScript padding-bottom: object.style.paddingBottom="100px"

CSS padding-bottom Tarayıcı Desteği

Tablodaki sayılar tarayıcıların padding-bottom özelliğini ilk desteklediği tarayıcı versiyonlarını göstermektedir.

CSS Kodu:
padding-bottom 1.0 4.0 1.0 1.0 3.5

CSS padding-bottom Değerleri

padding-bottom:length|initial|inherit;

CSS padding-bottom özelliği değerleri

CSS padding-bottom değerleri CSS padding-bottom değerleri tanımları CSS örnek uygulamalar
length Alt boşluk alanı için sayısal olarak px cm gibi değerler girilir.
% Yüzde değerleri girilir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsa olarak aldığı değer girilir.  

Yorumlar