Style right ominaisuus
- Edellinen sivu resize
- Seuraava sivu scrollBehavior
- Palaa ylös HTML DOM Style-objekti
Määritelmä ja käyttö
right
Asettaa tai palauttaa sijoitettavan elementin oikean reunan sijainnin.
Tämä ominaisuus määrittelee elementin oikean reunan sijainnin, mukaan lukien sisennykset, vierityspalkit, reunat ja ulkoreunat.
Vinkki:Sijoitettava elementti on position-ominaisuudessa:relative
、absolute
tai fixed
elementin.
Vinkki:Asettaaksesi tai palauttaaksesi sijoitettavan elementin vasemman reunan sijainnin, käytä left-ominaisuus.
Lisäksi:
CSS oppitunti:CSS sijoittelu
CSS viittauskirja:right-ominaisuus
Esimerkki
Esimerkki 1
Aseta <div>-elementin oikean reunan sijainti:
document.getElementById("myDIV").style.right = "100px";
Esimerkki 2
Käytä negatiivista arvoa - aseta <div>-elementin oikean reunan sijainti:
document.getElementById("myDiv").style.right = "-100px";
Esimerkki 3
Palauta <div>-elementin oikean reunan sijainti:
alert(document.getElementById("myDiv").style.right);
Syntaksi
Palauta right-ominaisuus:
object.style.right
Aseta right-ominaisuus:
object.style.right = "auto|length|%|initial|inherit"
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
auto | Anna selaimeen asettaa oikean reunan sijainti. Oletus. |
length | Määritä oikean reunan sijainti mittayksiköinä. Sallii negatiiviset arvot. |
% | Aseta oikean reunan sijainti vanhemman elementin leveyden prosentteina. |
initial | Aseta tämä ominaisuus sen oletusarvoon. Katso initial. |
inherit | Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit. |
Tekninen yksityiskohta
Oletusarvo: | auto |
---|---|
Palautusarvo: | Merkkijono, joka ilmaisee sijoitettavan elementin oikean reunan sijainnin. |
CSS versioona: | CSS2 |
Selain tukee
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |
- Edellinen sivu resize
- Seuraava sivu scrollBehavior
- Palaa ylös HTML DOM Style-objekti