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

CSS-Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS Margin-Verwendung und Beispiel der bottom-Eigenschaft

Margin-Die bottom CSS-Eigenschaft setzt die untere Ränder des Elements. Allerdings wird in vielen Fällen wieMarginSolche Abkürzungen für CSS-Attribute sind bequemer und empfehlenswerter zu verwenden.

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

Standardwert:0
Gilt für:Alle Elemente, aber table Anwendungsbereich:außer für Elemente anderer Typen. table-caption table inline-table. Es gilt auch für ::first-letter.
Vererbung:Nein
Animierbar:Ja.Bitte beziehen Sie sich auf: Animationsattribute.
Version:CSS 1,2,3
JavaScript-Syntax:object.style.marginBottom="20px"

Margin-Syntax der Verwendung von bottom

Die Syntax dieses Attributes ist wie folgt:

Margin-bottom: length | percentage | auto | initial | inherit

Die folgenden Beispiele zeigen, wie man margin verwendet-bottom-Eigenschaft.

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

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
lengthBestimmen Sie den unteren Außengrundabstandswert in spezifischen Einheiten, z.B. px, pt, cm, em, kann negativ sein.
percentageBestimmen Sie den unteren Außengrundabstand basierend auf dem Breitenprozentsatz des übergeordneten Elements.
autoDer Browser berechnet die Ränder des angegebenen Elements.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element der Margin des übergeordneten Elements-Werte der Eigenschaft bottom.

Browserkompatibilität

Margin-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 3+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Margin,CSS Box-Modell.

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