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

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftensammlung

CSS Abstand-Verwendung und Beispiel des top-Attributs

Abstand-Das top CSS-Attribut legt die Füllung der Oberseite fest, d.h. den Abstand zwischen der Oberkante und dem Inhalt eines Elements. Aber in vielen Fällen, die Kurzwritt-Syntax des CSS-AttributsAbstandEinfacher zu verwenden und bevorzugt.

Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie die Verwendungssyntax 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-buchstabe
Vererbung:Nein
Animierbar:Ja.Bitte参见 Animationsattribute
Version:CSS 1,2,3
JavaScript-Syntax:object.style.paddingTop="2cm"

Abstand-Syntax der Verwendung von top

Die Syntax dieses Attributes ist wie folgt:

Abstand-top: length | percentage | initial | inherit

Die folgenden Beispiele zeigen, wie padding verwendet wird-top-Attribut.

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

Attributswert

Die folgende Tabelle beschreibt die Werte dieses Attributes.

WertBeschreibung
lengthGeben Sie eine Zahl in Einheiten wie px, pt, cm, em usw. an. Negative Werte sind nicht erlaubt.
percentageGeben Sie einen Prozentsatz der Füllung an. Der Prozentsatz wird basierend auf der Breite des umschließenden Blocks berechnet. Negative Prozentsätze sind nicht erlaubt.
initialSetzen Sie diesen Attribut auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element sein Padding des Elternelements.-Wert des top-Attributs.

Browserkompatibilität

Abstand-Kompatibilität der Browser für das top-Attribut; die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die dieses Attribut unterstützen; alle gängigen Browser unterstützen dieses Attribut.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Siehe folgende Anleitungen:CSS FüllungCSS Box-Modell

Verwandte Eigenschaften:AbstandAbstand-rechtsAbstand-untenAbstand-left