Style right-attribut
- Föregående sida resize
- Nästa sida scrollBehavior
- Gå tillbaka till föregående nivå HTML DOM Style objekt
Definition och användning
right
Sätter eller returnerar positionen till höger för positioneringselementet.
Denna egenskap specificerar elementets högra position, inklusive innervikter, rullgardinslistor, kanter och marginaler.
Tips:Positionselementet är positionerat somrelative
,absolut
eller fast
elementen.
Tips:För att sätta eller returnera den vänstra positionen för positioneringselementet, använd left-attributet.
Se också:
CSS LärCSS Positionering
CSS Referenshandbok:right-attributet
Exempel
Exempel 1
Sätt den högra positionen för <div>-elementet:
document.getElementById("myDIV").style.right = "100px";
Exempel 2
Använd negativa värden - sätta den högra positionen för <div>-elementet:
document.getElementById("myDiv").style.right = "-100px";
Exempel 3
Returnera den högra positionen för <div>-elementet:
alert(document.getElementById("myDiv").style.right);
Syntax
Returnera right-attributet:
object.style.right
Sätt right-attributet:
object.style.right = "auto|length|%|initial|inherit"
Attributvärde
Värde | Beskrivning |
---|---|
auto | Låt webbläsaren sätta positionen till höger. Standard. |
length | Positionen till höger definieras med längdenheter. Tillåter negativa värden. |
% | Positionen till höger definieras som en procentandel av föräldrelementets bredd. |
initial | Sätt detta attribut till dess standardvärde. Se initial. |
inherit | Följande attribut är inarverkat från föräldrelementet. Se inherit. |
Tekniska detaljer
Standardvärde: | auto |
---|---|
Returvärde: | Sträng, som anger den högra positionen för positioneringselementet. |
CSS version: | CSS2 |
Webbläsare stödjer
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Stöd | Stöd | Stöd | Stöd | Stöd |
- Föregående sida resize
- Nästa sida scrollBehavior
- Gå tillbaka till föregående nivå HTML DOM Style objekt