English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS Margin-Verwendung und Beispiel der left Eigenschaft

margin-left CSS-Eigenschaft setzt den linken Abstand des Elements. Allerdings wird in vielen Fällen wiemarginSolche abgekürzten CSS-Eigenschaften sind bequemer und auch ratsam zu verwenden.

Die folgende Tabelle enthält Anweisungen und Versionshistorie der Verwendung dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:0
Geeignet für:Alle Elemente, aber table displayTyp (table-caption table inline-außer für Elemente außerhalb von table) 。Es gilt auch für ::first-letter
Vererbung:Nein
Animierbar:Ja.Bitte beziehen Sie sich auf: Animationseigenschaften
Version:CSS 1,2,3
JavaScript-Syntax:object.style.marginLeft="20px"

margin-Syntax der left Eigenschaft

Die Syntax dieser Eigenschaft ist wie folgt:

margin-left: length | percentage | auto | initial | inherit

Die folgenden Beispiele zeigen, wie man margin-left Eigenschaft.

  h1 {
   margin-left: 25px;
  }
  p {
   margin-left: 50px;
  }
Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
lengthLängenwert, in px, pt, cm, em usw. Negative Werte sind erlaubt.
percentageProzent. Berechnet als Prozentsatz der Breite des umschließenden Blocks des Elements.
autoDer Browser berechnet die Ränder des angegebenen Elements.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element sein Elternelement Margin.-Wert der left Eigenschaft.

Browserkompatibilität

margin-Kompatibilität der Browser für die left Eigenschaft, die Zahlen in der folgenden Tabelle zeigen die niedrigste Versionsnummer der Browser, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS MarginCSS Box-Modell

Verwandte Eigenschaften:marginmargin-topmargin-rightmargin-bottom