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

CSS Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS Padding-Verwendung und Beispiel der bottom Eigenschaft

padding-Die bottom CSS-Eigenschaft setzt den Füllungsbereich bis zur Unterseite, d.h. den Abstand zwischen der Unterkante und dem Inhalt des Elements. Aber in vielen Fällen wird die Kürzelung der CSS-EigenschaftenpaddingWichtiger und bevorzugt.

Die folgende Tabelle enthält die Verwendung und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

Standardwert:0
Gilt 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 referieren Sie zu Animationseigenschaften.
Version:CSS 1,2,3
JavaScript Syntax:object.style.paddingBottom="2cm"

padding-bottom Syntax

Die Syntax dieser Eigenschaft ist wie folgt:

padding-bottom: length | percentage | initial | inherit

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

  h1 {
   padding-bottom: 2em;
  }
  p {
   padding-bottom: 50px;
  }
Testen Sie 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相对于元素包含块的宽度 berechnet. Negative Prozentsatzwerte sind nicht erlaubt.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der padding der übergeordneten Elemente verwendet.-Werte der Eigenschaft bottom.

Browserkompatibilität

padding-Kompatibilität der Browser für die bottom Eigenschaft, 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 Anleitungen:CSS Füllung,CSS Box-Modell.

Verwandte Eigenschaften:padding,padding-top,padding-right,padding-left.