CSS padding-bottom Eigenschaft

Definition und Verwendung

Die Eigenschaft padding-bottom setzt den unteren Innenabstand (untenem Leerzeichen) des Elements.

Erklärung

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

Kommentar:Negative Werte sind nicht erlaubt.

Siehe auch:

CSS-Tutorial:CSS Innenabstand

HTML DOM Referenzhandbuch:paddingBottom-Eigenschaft

Beispiel

Setzen Sie den unteren Innenabstand des p-Elements:

p
  {
  padding-bottom:2cm;
  }

Versuchen Sie es selbst

(Mehr Beispiele finden Sie am Ende der Seite)

CSS-Syntax

padding-bottom: length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
length Es wird ein fester unterer Innenabstand in einer spezifischen Einheit festgelegt, z.B. Pixel, Zentimeter usw. Der Standardwert ist 0px.
% Definiert einen prozentualen unteren Innenabstand basierend auf der Breite des übergeordneten Elements. Dieser Wert funktioniert nicht wie erwartet in allen Browsern.
inherit Es wird festgelegt, dass der untere Innenabstand vom übergeordneten Element geerbt werden soll.

Technische Details

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

TIY-Beispiel

Unteren Innenabstand 1 setzen
Dieses Beispiel zeigt, wie man die untere Innenabstandseinheit in Zentimetern verwendet, um den unteren Innenabstand der Zelle zu setzen.
Unteren Innenabstand 2 setzen
Dieses Beispiel zeigt, wie man die untere Innenabstandseinheit in Prozent verwendet, um den unteren Innenabstand der Zelle zu setzen.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

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