CSS padding-top Eigenschaft

Definition und Verwendung

Die Eigenschaft padding-top stellt den oberen Innenabstand (Raum) des Elements ein.

Erklärung

Diese Eigenschaft stellt die Breite des oberen Innenabstands des Elements ein. Der obere Innenabstand von inline-nicht-ersetzbaren Elementen beeinflusst nicht den Zeilenabstand, daher kann ein Element, das sowohl Innenabstand als auch Hintergrund hat, visuell in andere Zeilen hineinragen und möglicherweise mit anderen Inhalten überlappen. Negative Innenabstandswerte sind nicht zulässig.

Kommentar:Negative Werte sind nicht erlaubt.

Weitere Informationen siehe:

CSS-Tutorial:CSS Innenabstand

HTML DOM Referenzhandbuch:paddingTop-Eigenschaft

Beispiel

Stellen Sie den oberen Innenabstand des p-Elements ein:

p
  {
  padding-top:2cm;
  }

Selbst ausprobieren

（更多实例可以在页面底部找到）

CSS-Syntax

padding-top: length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
length Definiert einen festen oberen Innenabstandswert in spezifischen Einheiten, wie z.B. Pixel, Zentimeter usw. Der Standardwert ist 0px.
% Definiert einen Prozentsatz der oberen Innenabstandshöhe basierend auf der Breite des übergeordneten Elements. Dieser Wert funktioniert nicht wie erwartet in allen Browsern.
inherit Es wird vorgeschrieben, dass der obere Innenabstand vom übergeordneten Element geerbt wird.

Technische Details

Standardwert: 0
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.paddingTop="10px"

TIY-Beispiel

Oberen Innenabstand einstellen 1
Dieses Beispiel zeigt, wie man den oberen Innenabstand der Zelle mit Zentimeterwerten einstellt.
Oberen Innenabstand einstellen 2
Dieses Beispiel zeigt, wie man den oberen Innenabstand der Zelle mit Prozentsatzwerten einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5