Style paddingBottom ominaisuus

Määrittää ja käyttää

paddingBottom Asettaa tai palauttaa elementin alasivun sisäpuolisen reunan.

margin ominaisuus ja padding ominaisuus Kaikki lisäävät tilaa elementin ympärille. Mutta ero on siinä, että margin lisää tilaa reunan ympärille, kun taas padding lisää tilaa elementin reunan sisällä.

Lisäksi:

CSS -opetus:CSS sisätila

CSS -viittausoppas:padding-bottom ominaisuus

HTML DOM -viittausoppas:padding ominaisuus

Esimerkki

Esimerkki 1

Aseta <div> -elementin alasivun sisäpuolinen reunus:

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

Kokeile itse

Esimerkki 2

Palauta <div> -elementin alasivun sisäpuolinen reunus arvoon "normal":

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

Kokeile itse

Esimerkki 3

Palauta <div> -elementin alasivun sisäpuolinen reunus:

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

Kokeile itse

Esimerkki 4

marginBottom ja paddingBottom ero:

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

Kokeile itse

Syntaksi

Palauta paddingBottom ominaisuus:

object.style.paddingBottom

Aseta paddingBottom ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
% Määritä alasivun sisäpuolinen reunus isäelementin leveyden prosentteina.
length Määritä alasivun sisäpuolinen reunus pituusyksiköillä.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Periisi elementistä tämän ominaisuuden arvon. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: Merkkijono, joka ilmaisee elementin alasivun sisäpuolisen reunan.
CSS versio: CSS1

Selaimesuhteet

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki