right

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Die Eigenschaft right beschreibt den Abstand zwischen dem rechten Rand eines mit absolute positionierten Elements (einschließlich Innenrand, Rahmen und Außenrand) (Anmerkung: Die CSS2-Spezifikation enthält eine fehlerhafte Stelle, die besagt, dass in diesem Zusammenhang Innenrand, Rahmen und Außenrand nicht beachtet werden sollten. Der Fehler ist bereits von der CSS Working Group in der Korrektursammlung der CSS2-Spezifikation dokumentiert.) und dem rechten Rand des nächsten übergeordneten Elements, das als position einen anderen Wert als static besitzt. Ist ein solches nicht vorhanden, dient der rechte Rand von body als Ausgangswert.

Bei Elementen, die mit relative positioniert sind, bewirkt right eine relative Verschiebung des rechten Rands zur Position, die das Element ohne CSS-Positionierung einnehmen würde. Eine Einstellung von 10px verschiebt den rechten Rand des Elements um 10 Pixel nach links, eine Einstellung von -10px verschiebt ihn um den gleichen Wert nach rechts.

Vererbt: nein

Siehe auch: position, bottom, left und top

Werte

Eine CSS-Maßangabe, ein Prozentwert oder die Konstante auto. Prozentwerte basieren auf der Breite des übergeordneten Elements. Die Konstante auto weist den Browser an, die Position des rechten Rands automatisch festzulegen. Andere Variablen wie Größe und Position werden dabei berücksichtigt.

Standardwert: auto

CSS-Version: 2

Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer ab Version 4, Netscape ab Version 4 und Mozilla.

Beispiel

Folgende Stilregel positioniert das Element mit der ID menue direkt am rechten Rand der Seite (das Element befindet sich unmittelbar in body):