Style paddingRight ominaisuus

Määrittely ja käyttö

paddingRight Asettaa tai palauttaa elementin oikean sisäisen reunavälin.

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

Lisäksi katso:

CSS -oppikirja:CSS sisätilat

CSS -viittausoppikirja:padding-right -ominaisuus

HTML DOM -viittausoppikirja:Padding-ominaisuus

Esimerkki

Esimerkki 1

Aseta <div>-elementin oikean sisäisen reunavälin arvo:

document.getElementById("myDIV").style.paddingRight = "50px";

Kokeile itse

Esimerkki 2

Palauta <div>-elementin oikean sisäisen reunavälin arvo "normal":

document.getElementById("myDIV").style.paddingRight = "0px";

Kokeile itse

Esimerkki 3

Palauttaa <div>-elementin oikean sisäisen reunavälin:

alert(document.getElementById("myDIV").style.paddingRight);

Kokeile itse

Esimerkki 4

marginRight ja paddingRight eroavat toisistaan:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

Kokeile itse

Syntaksi

Palauta paddingRight-ominaisuus:

object.style.paddingRight

Aseta paddingRight-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
% Määritä oikean sisäisen reunavälin pituus vanhemman elementin leveyden prosentteina.
length Määritä oikean sisäisen reunavälin pituus mittayksiköillä.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: Merkkijono, joka ilmaisee elementin oikean sisäisen reunavälin.
CSS versio: CSS1

Selaimeen tuettu

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