CSS right eigenschap
Definitie en gebruik
De right eigenschap definieert de rechter rand van het element. Deze eigenschap definieert de afstand tussen de rechter buitenrand van het geplaatste element en de rechter rand van het omvattende blok.
Opmerking:Als de waarde van de 'position' eigenschap 'static' is, heeft het instellen van de 'right' eigenschap geen effect.
Verklaring
Voor static elementen is het waarde auto; voor lengte waarden is het de bijbehorende absolute lengte; voor percentage waarden is het de gespecificeerde waarde; anders is het auto.
Voor relatief gedefinieerde elementen is de berekende waarde van left altijd gelijk aan right.
Zie ook:
CSS handleiding:CSS positionering
HTML DOM referentiehandleiding:right eigenschap
Voorbeeld
Stel de rechter rand van de afbeelding in op 5 pixels links van de rechter rand van het omvattende element:
img
{
position:absolute;
right:5px;
}
CSS syntax
right: auto|length|initial|inherit;
Eigenschapswaarde
| Waarde | Beschrijving |
|---|---|
| auto | Standaardwaarde. De positie van de rechter rand wordt berekend door de browser. |
| % | Stel de rechter positie in op basis van het percentage van de breedte van het element. Negatieve waarden kunnen worden gebruikt. |
| length | Stel de rechter positie van het element in met eenheid zoals px, cm, enz. Negatieve waarden kunnen worden gebruikt. |
| inherit | Stelt dat de waarde van de right-eigenschap van het ouder-element moet worden geërfd. |
Technische details
| Standaardwaarde: | auto |
|---|---|
| Inheritantie: | nee |
| Versie: | CSS2 |
| JavaScript syntax: | object.style.right="50px" |
Meer voorbeelden
- Gebruik een vaste waarde om de rechter rand van een afbeelding in te stellen
- Dit voorbeeld demonstreert hoe je de rechter rand van een afbeelding instelt met een vaste waarde.
- Gebruik percentages om de rechter rand van een afbeelding in te stellen
- Dit voorbeeld demonstreert hoe je de rechter rand van een afbeelding instelt met percentages.
browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
