left

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

Die Eigenschaft left beschreibt den Abstand zwischen dem linken 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 linken Rand des nächsten übergeordneten Elements, das als position einen anderen Wert als static besitzt. Ist ein solches nicht vorhanden, dient der linke Rand von body als Ausgangswert.

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

Vererbt: Nein

Siehe auch: position, bottom, top und right

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 den linken Rand automatisch festzulegen. Andere Variablen wie Größe und Position werden dabei berücksichtigt.

Standardwert: auto

Kompatibilität

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 80% von der linken Kante des Fensters entfernt und verleiht ihm eine Breite von 19,9%. Es wird nicht ein glatter Wert von 20% benutzt, um Rundungsfehlern im Browser vorzubeugen, die zu einem horizontalen Scroll-Balken führen könnten.