Örnek
Bir üst dolgu ayarlayın <div> elemanı:
document.getElementById("myDiv").style.paddingTop = "50px";
Kendin dene " Tanımı ve Kullanımı
paddingTop özelliği, ayarlar veya bir öğenin üst dolgu döndürür.
dolgu özellikleri eleman sınır ve element içeriği arasındaki bir boşluk tanımlar.
marj özelliği ve bir öğenin etrafında dolgu özelliği insert uzay de. Bununla birlikte, fark dolgu bir elemanın sınır içinde boşluk ekler ise kenar, sınır çevresinde boşluk ekler olmasıdır.
Tarayıcı Desteği
paddingTop özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
paddingTop özelliğini Dönüş:
object .style.paddingTop
paddingTop özelliğini ayarlayın:
object .style.paddingTop=" Mülkiyet Değerler değer Açıklama % ana elemanın genişliğinin% üst dolgu tanımlar length uzunluk birimi olarak en dolgu tanımlar initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: 0 Geri dönüş değeri: Bir elemanın üst dolgu temsil eden bir String, CSS Sürüm BB1
Diğer Örnekler
Örnek
Bir üst dolgu değiştirin <div> geri elemanı "normal" :
document.getElementById("myDiv").style.paddingTop = "0px"; Kendin dene "
Örnek
Bir üst dolgu dön <div> elemanı:
alert(document.getElementById("myDiv").style.paddingTop);
Kendin dene "
Örnek
marginTop ve paddingTop arasındaki fark:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Dolgu
CSS referansı: padding-top property
HTML DOM referansı: padding property
<Stil Nesne