Style paddingLeft özelliği

Tanım ve kullanım

paddingLeft Özelliği ayarlar veya döndürür ve elemanın sol iç boşluğunu belirler.

margin özelliği ve padding özelliği Tüm elementler etrafına boşluk ekler. Ancak, fark, margin'in kenar çizgisi etrafına boşluk eklemesi, padding'in ise elemanın kenar çizgisi içine boşluk eklemesi yönündedir.

Ayrıca bkz.:

CSS Eğitimi:CSS iç kenar boşluğu

CSS Referans Kılavuzu:padding-left özelliği

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

Örnek

Örnek 1

<div> elemanının sol iç boşluğunu ayarla:

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

Kişisel olarak deneyin

Örnek 2

<div> elemanının sol iç boşluğunu "normal" olarak geri al:

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

Kişisel olarak deneyin

Örnek 3

Dönüş <div> elemanının sol iç boşluğu:

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

Kişisel olarak deneyin

Örnek 4

marginLeft ile paddingLeft arasındaki fark:

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

Kişisel olarak deneyin

Gramer

paddingLeft özelliğini döndür:

nesne.style.paddingLeft

paddingLeft özelliğini ayarla:

nesne.style.paddingLeft = "%|length|initial|inherit"

Özellik değeri

Değer Açıklama
% Ebeveyn öğesinin genişliğinin yüzdesi ile sol iç boşluğu tanımlar.
length Uzunluk birimi ile sol iç boşluğu tanımlar.
initial Bu özelliği öntanımlı değerine ayarlar. Görünüm: initial。
inherit Bu özelliği ebeveyn öğesinden devralır. Görünüm: inherit。

Teknik ayrıntılar

Öntanımlı değer: 0
Dönüş değeri: Dizge, elemanın sol iç boşluğunu belirtir.
CSS Sürümü： CSS1

Tarayıcı destekler

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