CSS padding-right ominaisuus

Määrittely ja käyttö

padding-right-ominaisuus asettaa elementin oikean sisä reunan (whitespace).

Huomautus:Negatiivisten arvojen käyttö ei ole sallittu.

Kuvaus

Tämä ominaisuus asettaa elementin oikean sisä reunan leveyden. Sisäisen rinnakkaisen korvaamattoman elementin oikea sisä reunus näkyy vain ensimmäisessä sisäisessä rinnakkaisessa elementissä.

Katso myös:

CSS-opas:CSS sisäpuolinen marginaali

HTML DOM -viittausopas:paddingRight-ominaisuus

Esimerkki

Aseta p-elementin oikea sisä reunus:

p
  {
  padding-right:2cm;
  }

Kokeile itse

Lisää esimerkkejä löytyy sivun alareunasta.

CSS-kieli

padding-right: length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
length Määritellään vakiolaajuinen oikea sisä reunusarvo, kuten pikseleitä tai senttimetrejä. Oletusarvo on 0px.
% Määritellään, että oikea sisä reunus määritellään vanhemman elementin leveyden prosenttiosuutena. Tämä arvo ei toimi odotetusti kaikissa selaimissa.
inherit Määritellään, että oikea sisä reunus pitäisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.paddingRight="10px"

TIY-esimerkki

Aseta oikea sisä reunus 1
Tämä esimerkki näyttää, miten senttimetrin arvoa käytetään solun oikean sisä reunan asettamiseen.
Aseta oikea sisä reunus 2
Tämä esimerkki näyttää, miten prosenttiosuus käytetään solun oikean sisä reunan asettamiseen.

Selaimen tuki

Taulukossa olevat numerot antavat tietoja ensimmäisestä selaimesta, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5