Style paddingBottom Özelliği

Tanım ve kullanım

paddingBottom Özelliği ayarlamak veya döndürmek için elementin alt iç kenar boşluğunu.

margin özelliği ve padding özelliği Tümü, elemanın etrafına boşluk ekler. Ancak, farklar, margin'in kenar çizgisi etrafında boşluk eklemesi ve padding'in ise elemanın kenar çizgisi içindeki boşlukları eklemesi arasında yatmaktadır.

Ayrıca bakınız：

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

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

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

Örnek

Örnek 1

<div> elemanının alt iç kenar boşluğunu ayarlar：

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

Kişisel olarak deneyin

Örnek 2

<div> elemanının alt iç kenar boşluğunu "normal" olarak geri ayarlar：

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

Kişisel olarak deneyin

Örnek 3

Alt <div> elemanının iç kenar boşluğunu döndürür：

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

Kişisel olarak deneyin

Örnek 4

marginBottom ile paddingBottom arasındaki fark：

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

Kişisel olarak deneyin

Sözdizimi

paddingBottom özelliğini döndürmek için：

object.style.paddingBottom

paddingBottom özelliğini ayarlamak için：

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

Özellik değeri

Değer Açıklama
% Alt iç kenar boşluğunu ebeveyn elemanının genişliğinin yüzdesi ile tanımlar.
length Alt iç kenar boşluğunu uzunluk birimi ile tanımlar.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elemanından miras alır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer： 0
Dönüş değeri： Dizi, elemanın alt iç kenar boşluğunu 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