Style paddingLeft ominaisuus

Määrittää ja käytetään

paddingLeft Asettaa tai palauttaa elementin vasemman sisäisen marginaalin.

margin-ominaisuus ja Padding-ominaisuus Lisää tilaa elementin ympärille. Mutta ero on siinä, että margin lisää tilaa reunan ympärille, kun taas padding lisää tilaa elementin reunan sisälle.

Lisäksi:

CSS -opetus:CSS sisätilat

CSS -viittausoppikirja:padding-left -ominaisuus

HTML DOM -viittausoppikirja:Padding-ominaisuus

Esimerkki

Esimerkki 1

Aseta <div> -elementin vasemman sisäisen marginaalin:

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

Kokeile itse

Esimerkki 2

Palauta <div> -elementin vasemman sisäisen marginaalin arvoksi "normal":

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

Kokeile itse

Esimerkki 3

Palauttaa <div> -elementin vasemman sisäisen marginaalin:

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

Kokeile itse

Esimerkki 4

marginLeft ja paddingLeft:n ero:

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

Kokeile itse

Syntaksi

Palauta paddingLeft-ominaisuus:

objekti.style.paddingLeft

Aseta paddingLeft-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
% Määritä vasemman sisäisen marginaalin pituus isän elementin leveyden prosentteina.
length Määritä vasemman sisäisen marginaalin pituus mittayksiköillä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden isältään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: Merkkijono, joka ilmaisee elementin vasemman sisäisen marginaalin.
CSS versio: CSS1

Selausohjelmisto tukee

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