CSS- Recht Property
Beispiel
Setzen Sie den rechten Rand des positionierten <div>-Elements 150 Pixel links vom rechten Rand seines nächsten positionierten Vorfahren:
div.absolute {
position: absolute;
right:
150px;
width: 200px;
height: 120px;
border: 3px solid
green;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die rightEigenschaft wirkt sich auf die horizontale Position eines positionierten Elements aus. Diese Eigenschaft hat keine Auswirkung auf nicht positionierte Elemente.
- Wenn Position: absolut; oder Position: fest; - Die
rightEigenschaft setzt die rechte Kante eines Elements auf eine Einheit rechts von der rechten Kante des am nächsten positionierten Vorfahren. - Wenn Position: relativ; - Die
rightEigenschaft setzt den rechten Rand eines Elements auf eine Einheit links/rechts von seiner normalen Position. - Wenn Position: klebrig; - Die
rightEigenschaft verhält sich so, als wäre ihre Position relativ, wenn sich das Element innerhalb des Ansichtsfensters befindet, und als wäre ihre Position fixiert, wenn es sich außerhalb befindet. - Wenn Position: statisch; - Die
rightEigenschaft hat keine Auswirkung.
| Standardwert: | Auto |
|---|---|
| Vererbt: | Nein |
| Animierbar: | ja. Lesen Sie mehr über animierbare |
| Ausführung: | CSS2 |
| JavaScript-Syntax: | Objekt .style.right="200px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
| Property | |||||
|---|---|---|---|---|---|
| right | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS-Syntax
right: auto|length|initial|inherit;
Eigenschaftswerte
| Value | Description | Play it |
|---|---|---|
| auto | Lets the browser calculate the right edge position. This is default | |
| length | Sets the right edge position in px, cm, etc. Negative values are allowed. Read about length units | |
| % | Sets the right edge position in % of containing element. Negative values are allowed | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Mehr Beispiele
Beispiel
Verwenden Sie die richtige Eigenschaft mit einem negativen Wert und für ein Element ohne positionierte Vorfahren:
div.b {
position: absolute;
right: -20px;
width: 100px;
height: 120px;
border: 3px solid blue;
}
div.c {
position: absolute;
right: 150px;
width: 200px;
height: 120px;
border: 3px solid green;
}
Verwandte Seiten
CSS-Tutorial: CSS-Positionierung
CSS-Referenz: linke Eigenschaft
CSS-Referenz: untere Eigenschaft
CSS-Referenz: Top-Eigenschaft
HTML-DOM-Referenz: richtige Eigenschaft