Style paddingTop Özelliği

Tanım ve Kullanım

paddingTop Öznitelik ayarlar veya döndürür elementin üst iç marjını.

İç marj özellikleri, elementin kenarlığı ile element içeriği arasındaki boşluğu tanımlar.

margin özelliği ve padding özelliği Tüm elementin etrafına boşluk ekler. Ancak, fark, margin'in kenarlık etrafında boşluk eklemesi, padding'in ise elementin kenarlığı içindeki boşluğu eklemesi yönündedir.

Ayrıca bakınız：

CSS Eğitimi：CSS iç dolgu

CSS Referans Kılavuzu：padding-top özelliği

HTML DOM Referans Kılavuzu：padding özelliği

Örnek

Örnek 1

<div> elementinin üst iç marjını ayarlayın：

document.getElementById("myDiv").style.paddingTop = "50px";

Kişisel olarak deneyin

Örnek 2

<div> elementinin üst iç marjını "normal" olarak geri alın：

document.getElementById("myDiv").style.paddingTop = "0px";

Kişisel olarak deneyin

Örnek 3

Div elementinin üst iç marjını döndürün：

alert(document.getElementById("myDiv").style.paddingTop);

Kişisel olarak deneyin

Örnek 4

marginTop ile paddingTop arasındaki fark：

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

Kişisel olarak deneyin

Sözdizimi

paddingTop özelliğini döndürün：

object.style.paddingTop

paddingTop özelliğini ayarlayın：

object.style.paddingTop = "%|length|initial|inherit"

Öznitelik değeri

Değer Açıklama
% Ebeveyn elementinin genişliğinin yüzdesi ile üst iç marjı tanımlar.
length Uzunluk birimi ile üst iç marjı tanımlar.
initial Bu özelliği öntanımlı değerine ayarlar. Görüşünüzü alın initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Görüşünüzü alın inherit。

Teknik ayrıntılar

Öntanımlı değer: 0
Dönüş değeri: Dizge, elementin üst iç marjını temsil eder.
CSS sürümü： CSS1

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek