Stil dolgusuÜst Özellik
Örnek
Bir <div> öğesinin üst dolgusunu ayarlayın:
document.getElementById("myDiv").style.paddingTop = "50px";
Tanım ve Kullanım
paddingTop özelliği, bir öğenin üst dolgusunu ayarlar veya döndürür.
Dolgu özellikleri, öğe sınırı ile öğe içeriği arasındaki boşluğu tanımlar.
Hem margin özelliği hem de padding özelliği, bir öğenin etrafına boşluk ekler. Ancak fark, kenar boşluğunun sınırın etrafındaki boşluğu eklemesi, dolgunun ise boşluğu bir öğenin sınırının içine eklemesidir.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
paddingTop | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
paddingTop özelliğini döndürün:
object.style.paddingTop
paddingTop özelliğini ayarlayın:
object.style.paddingTop = "%|length|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
% | Defines the top padding in % of the width of the parent element |
length | Defines the top padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | 0 |
---|---|
Geri dönüş değeri: | Bir elemanın üst dolgusunu temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin üst dolgusunu "normal" olarak değiştirin:
document.getElementById("myDiv").style.paddingTop = "0px";
Örnek
Bir <div> öğesinin üst dolgusunu döndür:
alert(document.getElementById("myDiv").style.paddingTop);
Örnek
marginTop ve paddingTop arasındaki fark:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
İlgili Sayfalar
CSS eğitimi: CSS Dolgusu
CSS referansı: padding-top özelliği
HTML DOM referansı: dolgu özelliği
❮ Stil Nesnesi