CSS padding-top Özelliği

CSS padding-top

Css padding-top özelliği ile bir html elemanının içeriği ile üst 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-top 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.padtop { padding-top: 100px; background-color: yellow; border: 1px solid black; }

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

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

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

CSS padding-top Tarayıcı Desteği

Tablodaki sayılar padding-top özelliğini ilk destekleyen tarayıcı versiyonlarını göstermektedir.

CSS Kodu:
padding-top	1.0	4.0	1.0	1.0	3.5

CSS padding-top Değerleri

padding-top:length|initial|inherit;