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

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;

CSS padding-top özelliği değerleri

CSS padding-top değerleri CSS padding-top değerleri tanımları CSS örnek uygulamalar
length Genişlik değeri olarak px cm gibi değer girilir.
% Yüzde değeri verilir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak gelen değeridir.  

Yorumlar