Stijl juiste eigendom
Voorbeeld
Stel de juiste positie van een <div> element in:
document.getElementById("myDIV").style.right = "100px";
Definitie en gebruik
De juiste eigenschap bepaalt of retourneert de juiste positie van een gepositioneerd element.
Deze eigenschap specificeert de juiste positie van het element inclusief opvulling, schuifbalk, rand en marge.
Tip: Een gepositioneerd element is een element waarvan de position-eigenschap is ingesteld op: relatief, absoluut of vast.
Tip: Gebruik de eigenschap left om de linkerpositie van een gepositioneerd element in te stellen of terug te geven .
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
right | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de juiste eigenschap:
object.style.right
Stel de juiste eigenschap in:
object.style.right = "auto|length|%|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
auto | Lets the browser set the right position. This is default |
length | Defines the right position in length units. Negative values are allowed |
% | Sets the right position in % of the width of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | auto |
---|---|
Winstwaarde: | Een String, die de juiste positie van een gepositioneerd element weergeeft |
CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Negatieve waarden gebruiken - Stel de juiste positie van een <div> element in:
document.getElementById("myDiv").style.right = "-100px";
Voorbeeld
Retourneert de juiste positie van een <div> element:
alert(document.getElementById("myDiv").style.right);
Gerelateerde pagina's
CSS-zelfstudie: CSS-positionering
CSS-referentie: juiste eigenschap
❮ Stijlobject