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

Bu blogdaki popüler yayınlar

HTML Resimler

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

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

HTML5 Canvas Oyun Yapımı Dersleri

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

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

Uyurken Bile Para Kazanmak İster misin