CSS right ominaisuus

Määrittely ja käyttö

right-ominaisuus määrittelee elementin oikean reunan. Tämä ominaisuus määrittelee sijoitetun elementin oikean ulkoreunan ja sisällyttävän lohkon oikean reunan välinen etäisyys.

Huomautus:Jos "position"-ominaisuden arvo on "static", "right"-ominaisuuden asettaminen ei aiheuta minkäänlaista vaikutusta.

Kuvaus

Static-elementtien tapauksessa arvo on auto; pituusarvojen tapauksessa vastaava absoluuttinen pituus; prosenttialueen tapauksessa määritelty arvo; muussa tapauksessa auto.

Suhteellisesti määritettyjen elementtien tapauksessa left-laskettu arvo on aina yhtä suuri kuin right.

Lisäksi:

CSS-opas:CSS-sijoittelu

HTML DOM -viittausopas:right-ominaisuus

Esimerkki

Aseta kuvan oikea reunus 5 kuvapistettä sisään sisältävästä elementistä:

img
  {
  position:absolute;
  right:5px;
  }

Kokeile itse

CSS-kieli

right: auto|length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Selain laskee oikean reunuksen sijainnin.
% Aseta elementin oikea reunus prosenttiosuuden avulla. Voidaan käyttää negatiivisia arvoja.
length Aseta elementin oikea reunus px, cm jne. yksiköillä. Voidaan käyttää negatiivisia arvoja.
inherit Määritellään, että right-ominaisuuden arvon tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: auto
Perinnäisyys: ei
Versio: CSS2
JavaScript-kieli: object.style.right="50px"

Lisää esimerkkejä

Aseta kuvan oikea reunus vakaalla arvolla
Tämä esimerkki näyttää, miten vakaalla arvolla voidaan asettaa kuvan oikea reunus.
Aseta kuvan oikea reunus prosenttiosuuden avulla
Tämä esimerkki näyttää, miten prosenttiosuudella voidaan asettaa kuvan oikea reunus.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0