English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Das left CSS-Attribut gibt den Versatz der linken Kante des positionierten Elements relativ zur linken Kante des Referenzelementes oder des Browsersfensters an.
FürAbsolut positioniertElemente, bei denen das left Attribut den Abstand der linken Kante des Elements zum linken Rand des Enveloppelementes angibt.
FürRelativ positioniertElemente, bei denen das left Attribut den Versatz der linken Kante des Elements relativ zur linken Kante des Enveloppelementes angibt (das bedeutet, dass dem Element eine Position im normalen Fluss zugewiesen wird, und dann werden diese Attribute von dieser Position abweichen).
Die Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie die Syntax in JavaScript-Skripten.
| Standardwert: | auto |
|---|---|
| Geeignet für: | Positionselemente |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte beziehen Sie sich auf: Animationseigenschaften. |
| Version: | CSS 2、3 |
| JavaScript Syntax: | object.style.left="100px" |
Die Syntax dieses Attributes ist wie folgt:
left: length | percentage | auto | initial | inherit
Die folgenden Beispiele zeigen, wie das left Attribut verwendet wird.
p {
position: absolute;
left: 150px;
}Testen Sie es heraus‹/›Die Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Gibt die angegebene Abtastrate an, die als Längenwert in px, pt, cm, em und so weiter angegeben wird. Negative Werte sind erlaubt. |
| percentage | Gibt den Prozentsatzversatz an. Der Prozentsatz wird in Bezug auf die Breite des Enveloppelementes berechnet. Negative Prozentsatzwerte sind erlaubt. |
| auto | Der Browser berechnet die Position der linken Kante. |
| initial | Legt diesen Attribut auf seinen Standardwert fest. |
| inherit | Wenn angegeben, verwendet der verknüpfte Element sein left Attribut des übergeordneten Elements. |
Kompatibilität der Browser für das left Attribut; die Zahlen in der Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS-Position,CSS-Schichten.
zusammenhängende Eigenschaften:position,top,right,bottom,z-index.