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

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

YouTube Reklam Engelleyici

HTML5 Canvas Oyun Yapımı Dersleri

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Linklerin Renklerini Değiştirme Örnek

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma