Örnek
Bir dolgusu olarak ayarlayın <div> elemanı:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";
Kendin dene " Tanımı ve Kullanımı
dolgu özelliği, ayarlar veya bir öğenin dolgu döndürür.
Bu tesis birinden dört değerlerine alabilir:
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.
- Bir değer gibi: div {padding: 50px} - dört kenarını 50px bir dolgu olacak
- div: gibi iki değerleri {dolgu: 50px 10px} - 10px üst ve alt dolgu sol 50px olacak ve sağ dolgu olacak
- div: gibi üç değer, {dolgu: 50px 10px 20px} - üst dolgu 50px, sol ve sağ dolgu 10px olacaksa olacaktır, alt dolgu olacak 20px
- div: gibi dört değerleri {dolgu: 50px 10px 20px 30px} - üst dolgu 50px olacak, sağ dolgu 10px olacak, alt dolgu 20px olacak, sol dolgular olacak 30px
Tarayıcı Desteği
dolgu özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
dolgu özelliği Dönüş:
object .style.padding
dolgu özelliğini ayarlayın:
object .style.padding=" Mülkiyet Değerler değer Açıklama % ana elemanın genişliğinin% olarak dolgu tanımlar length uzunluk birimi olarak 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 dolgu temsil eden bir String, CSS Sürüm BB1
Diğer Örnekler
Örnek
Bir dört tarafın dolguyu değiştirin <div> için eleman "25px" :
document.getElementById("myDiv").style.padding = "25px";
Kendin dene "
Örnek
Bir dolgusu Return <div> elemanı:
alert(document.getElementById("myDiv").style.padding);
Kendin dene "
Örnek
marj mülkiyet ve dolgu özelliği arasındaki fark:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Dolgu
CSS referansı: padding property
<Stil Nesne