CSS padding-top özelliği

Tanım ve Kullanım

padding-top özelliği, elementin üst iç kenar boşluğunu (boşluk) ayarlar.

Açıklama

Bu özellik, elementin üst iç kenar boşluğunu genişletir. Düzenli satır içi değiştirilemeyen öğelerde üst iç kenar boşluğu, satır yüksekliği hesaplamalarını etkilemez, bu nedenle, bir element hem iç kenar boşluğu hem de arka plana sahipse, görsel olarak diğer satırlara uzanabilir ve diğer içeriklerle çakışabilir. Negatif iç kenar boşluğu değeri belirtilemez.

Açıklama:Negatif değerler kullanılamaz.

Ayrıca bakınız:

CSS Eğitimleri:CSS İç Boşluk

HTML DOM Referans Kılavuzu:paddingTop özelliği

Örnek

p öğesinin üst iç kenar boşluğunu ayarlayın:

p
  {
  padding-top:2cm;
  }

Kişisel olarak deneyin

Daha fazla örnek (sayfa altında bulunabilir)

CSS dilbilgisi

padding-top: length|initial|inherit;

Özellik değeri

Değer Açıklama
length Belirli bir birim cinsinden sabit üst iç kenar boşluğu değeri belirtir, örneğin piksel, santim vb. Öntanımlı değeri 0px'dır.
% Ebeveyn öğesinin genişliğine dayalı yüzdelik üst iç kenar boşluğunu tanımlar. Bu değer tüm tarayıcılar için beklenmedik şekilde çalışmayabilir.
inherit Üst iç kenar boşluğunu ebeveyn öğesinden miras alması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: 0
Mirasçılık: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.paddingTop="10px"

TIY Örneği

Üst iç kenar boşluğu 1
Bu örnek, hücrenin üst iç kenar boşluğunu santim cinsinden nasıl ayarlandığını gösterir.
Üst iç kenar boşluğu 2
Bu örnek, hücrenin üst iç kenar boşluğunu yüzde değerleri kullanarak nasıl ayarlandığını gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5