CSS right Eigenschaft
Definition und Verwendung
Die Eigenschaft right legt die rechte Kante des Elements fest. Diese Eigenschaft definiert den Abstand zwischen der rechten Außenkante des positionierten Elements und der rechten Kante des umschließenden Blocks.
Anmerkung:Wenn der Wert der Eigenschaft position "static" ist, hat die Einstellung der Eigenschaft right keine Auswirkung.
Beschreibung
Für static-Elemente ist der Wert auto; für Längenwerte der entsprechende absolute Wert; für Prozentsatzwerte der angegebene Wert; ansonsten auto.
Für relative Elemente wird der Wert von left immer gleich right berechnet.
Weitere Informationen siehe:
CSS-Tutorial:CSS-Positionierung
HTML DOM Referenzhandbuch:right-Eigenschaft
Beispiel
Setzen Sie die rechte Kante des Bildes 5 Pixel links von der rechten Kante des umschließenden Elements:
img
{
position:absolute;
right:5px;
}
CSS-Syntax
right: auto|length|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| auto | Standardwert. Die Position der rechten Kante wird durch den Browser berechnet. |
| % | Legen Sie die rechte Position des Elements in Prozent des Umfangs des Elements fest. Negative Werte sind möglich. |
| length | Legen Sie die rechte Position des Elements mit Einheiten wie px, cm und anderen fest. Negative Werte sind möglich. |
| inherit | Es wird vorgeschrieben, dass der Wert der Eigenschaft right vom übergeordneten Element geerbt wird. |
Technische Details
| Standardwert: | auto |
|---|---|
| Vererbbarkeit: | nein |
| Version: | CSS2 |
| JavaScript-Syntax: | object.style.right="50px" |
Mehr Beispiele
- Die rechte Kante des Bildes mit einem festen Wert einstellen
- Dieses Beispiel zeigt, wie man die rechte Kante des Bildes mit einem festen Wert einstellt.
- Die rechte Kante des Bildes mit einem Prozentsatzwert einstellen
- Dieses Beispiel zeigt, wie man die rechte Kante des Bildes mit einem Prozentsatzwert einstellt.
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browserversion hin, die diese Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
