En son web geliştirme öğreticiler
 

Style padding Property

<Stil Nesne

Ö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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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