CSS left Eigenschaft

Definition und Verwendung

Die Eigenschaft left legt die linke Kante des Elements fest. Diese Eigenschaft definiert den Abstand von der linken Außenkante des positionierten Elements bis zur linken Kante des umschließenden Blocks.

Kommentar:Wenn der Wert der Eigenschaft "position" "static" ist, hat die Einstellung der Eigenschaft "left" keine Auswirkung.

Erklärung

Für static-Elemente ist der Wert auto; für Längenwerte der entsprechende absolute Wert; für Prozentwerte der angegebene Wert; andernfalls auto.

Für relative definierte Elemente ist der berechnete Wert von left immer gleich dem Wert von right.

Siehe auch:

CSS-Tutorial:CSS-Positionierung

HTML DOM Referenzhandbuch:left-Eigenschaft

Beispiel

Setzen Sie die linke Kante des Bildes auf 100 Pixel rechts vom linken Rand des umschließenden Elements:

img
  {
  position:absolute;
  left:100px;
  }

Probieren Sie es selbst aus

CSS-Syntax

left: auto|length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
auto Standardwert. Die Position der linken Kante wird durch den Browser berechnet.
% Die linke Position des Elements wird in Prozent des Inhaltsbereichs des Elements eingestellt. Negative Werte können verwendet werden.
length Die linke Position des Elements kann mit px, cm und anderen Einheiten eingestellt werden. Negative Werte können verwendet werden.
inherit Der Wert von left sollte von dem Elternelement geerbt werden. Es wird angegeben, dass der Wert von left vom Elternelement geerbt werden soll.

Technische Details

Standardwert: auto
Vererbbarkeit: nein
Version: CSS2
JavaScript-Syntax: object.style.left="100px"

Mehr Beispiele

Die linke Kante des Bildes mit festen Werten einstellen
Dieses Beispiel zeigt, wie man die linke Kante des Bildes mit festen Werten einstellt.
Die linke Kante des Bildes mit Prozentsätzen einstellen
Dieses Beispiel zeigt, wie man die linke Kante des Bildes mit Prozentsätzen einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0