Örnek
Bir sol dolgu ayarlayın <div> elemanı:
document.getElementById("myDiv").style.paddingLeft = "50px";
Kendin dene " Tanımı ve Kullanımı
paddingLeft özelliği, ayarlar veya bir öğenin sol dolguya döndürür.
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
paddingLeft özellik tüm büyük tarayıcılarda desteklenir.
Sözdizimi
paddingLeft özelliğini Dönüş:
object .style.paddingLeft
paddingLeft özelliğini ayarlayın:
object .style.paddingLeft=" Mülkiyet Değerler değer Açıklama % ana elemanın genişliğinin% sol dolgu tanımlar length uzunluk birimi olarak sol 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 sol dolgu temsil eden bir String, CSS Sürüm BB1
Diğer Örnekler
Örnek
Bir sol dolguyu değiştirin <div> geri elemanı "normal" :
document.getElementById("myDiv").style.paddingLeft = "0px"; Kendin dene "
Örnek
Bir sol dolguya Return <div> elemanı:
alert(document.getElementById("myDiv").style.paddingLeft);
Kendin dene "
Örnek
marginLeft ve paddingLeft arasındaki fark:
function changeMargin() {
document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingLeft = "100px";
}
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Dolgu
CSS referansı: padding-left property
HTML DOM referansı: padding property
<Stil Nesne