Style paddingBottom Eigenschaft

Definition und Verwendung

paddingBottom Eigenschaft setzt oder gibt den unteren Innenabstand des Elements zurück.

Margin-Eigenschaft und Padding-Eigenschaft Fügen um den Elementen umgebenen Raum hinzu. Der Unterschied liegt darin, dass Margin Raum um den Rahmen einfügt, während Padding im Rahmen des Elements eingebettet ist.

Weitere Informationen:

CSS-Tutorial:CSS-Innenabstand

CSS Referenzhandbuch:padding-bottom-Eigenschaft

HTML DOM Referenzhandbuch:Padding-Eigenschaft

Beispiel

Beispiel 1

Den unteren Innenabstand des <div>-Elements setzen:

document.getElementById("myDiv").style.paddingBottom = "50px";

Selbst ausprobieren

Beispiel 2

Den unteren Innenabstand des <div>-Elements zurück auf "normal" setzen:

document.getElementById("myDiv").style.paddingBottom = "0px";

Selbst ausprobieren

Beispiel 3

Rückgabe des unteren Innenabstands des <div>-Elements:

alert(document.getElementById("myDiv").style.paddingBottom);

Selbst ausprobieren

Beispiel 4

Unterschied zwischen marginBottom und paddingBottom:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

Selbst ausprobieren

Syntax

paddingBottom-Eigenschaft zurückgeben:

object.style.paddingBottom

paddingBottom-Eigenschaft setzen:

object.style.paddingBottom = "%|length|initial|inherit"

Eigenschaftswert

Wert Beschreibung
% Unteren Innenabstand mit dem Prozentsatz der Breite des Eltern-Elements definieren.
length Unteren Innenabstand mit Längenединики definieren.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Eltern-Element erben. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Eine Zeichenkette, die den unteren Innenabstand des Elements darstellt.
CSS Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung