CSS right egenskap
Definition och användning
right-attributet definierar elementets höger kant. Detta attribut definierar avståndet från den yttre kant av det positionerade elementet till högerkanten av innehållsblocket.
Kommentar:Om värdet för position-attributet är "static", har inställningen av right-attributet ingen effekt.
Förklaring
För static-element är värdet auto; för längdvärden är det motsvarande absoluta längden; för procentvärden är det specificerade värdet; annars är det auto.
För element definierade relativt, är beräknade värden för left alltid lika med right.
Se också:
CSS kurs:CSS positionering
HTML DOM referenshandbok:right-attributet
Exempel
Sätt bilden till höger kant 5 pixlar från högerkanten på innehållselementet:
img
{
position:absolute;
right:5px;
}
CSS syntax
right: auto|length|initial|inherit;
Attributvärde
| Värde | Beskrivning |
|---|---|
| auto | Standardvärde. Positionen för högerkanten beräknas av webbläsaren. |
| % | Ställ in högerpositionen i förhållande till elementets bredd i procent. Negativa värden kan användas. |
| length | Använd enheter som px, cm för att ställa in elementets högerposition. Negativa värden kan användas. |
| inherit | Definierar att värdet för right-attributet ska härledas från föräldrelementet. |
Tekniska detaljer
| Standardvärde: | auto |
|---|---|
| Arvbarhet: | no |
| Version: | CSS2 |
| JavaScript syntax: | object.style.right="50px" |
Mer exempel
- Använd fast värde för att ställa in bilden till höger kant
- Detta exempel visar hur man använder fast värde för att ställa in bilden till höger kant.
- Använd procentvärden för att ställa in bilden till höger kant
- Detta exempel visar hur man använder procentvärden för att ställa in bilden till höger kant.
Webbläsarstöd
Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
