En son web geliştirme öğreticiler
 

Style paddingTop Property

<Stil Nesne

Ö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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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