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

CSS-Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS Abstand-Verwendung und Beispiel der left Eigenschaft

padding-Die left CSS-Eigenschaft setzt den Füllungsbereich auf die linke Seite, d.h. der Abstand zwischen dem linken Rahmen und dem Inhalt des Elements. Aber in vielen Fällen wird die Kurzschreibweise der CSS-Attribute verwendetpaddingHäufiger und angemessener.

Die folgende Tabelle enthält die Anwendungsbeschreibung und Versionshistorie dieses Attributes sowie die Syntax in JavaScript-Skripten.

Standardwert:0
Geeignet für:Alle Elemente, außer<tbody><thead><tfoot><tr><colgroup>und<col>。Es gilt auch für::first-letter
Vererbung:Nein
Animierbar:Ja.Bitte参见 Animationseigenschaft
Version:CSS 1,2,3
JavaScript Syntax:object.style.paddingLeft="2em"

padding-left Syntax

Die Syntax dieses Attributes ist wie folgt:

padding-left: length | percentage | initial | inherit

Die folgenden Beispiele zeigen, wie padding verwendet wird-left Eigenschaft.

  h1 {
   padding-left: 2em;
  }
  p {
   padding-left: 50px;
  }
Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
lengthWerte in Einheiten wie px, pt, cm, em usw., negative Werte sind nicht erlaubt.
percentageGeben Sie einen Prozentsatz der Füllung an. Der Prozentsatz wird相对于元素包含块的宽度计算。Negative Prozentsätze sind nicht erlaubt.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der Padding des übergeordneten Elements verwendet.-Der Wert der left Eigenschaft.

Browserkompatibilität

padding-Die Kompatibilität der left Eigenschaft des Browsers, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Siehe folgende Anleitung:CSS FüllungCSS Box-Modell

Zusammenhängende Eigenschaften:paddingpadding-toppadding-rightpadding-bottom