Style paddingLeft Eigenschaft

定义和用法

paddingLeft Definition und Verwendung

paddingLeft Eigenschaft setzt oder gibt den linken Innenabstand des Elements zurück. padding-left-Eigenschaft margin-Eigenschaft

und

Alle um den Elemente herum platzieren. Der Unterschied liegt darin, dass der Abstand (margin) um den Rahmen platziert wird, während der Innenabstand (padding) innerhalb des Rahmens des Elements platziert wird.CSS-Innenabstand

Weitere Informationen:CSS Anleitung:

CSS Referenzhandbuch:padding-left-Eigenschaft

HTML DOM Referenzhandbuch:

Padding-Eigenschaft

Beispiel

Beispiel 1

Selbst ausprobieren

Das <div>-Element den linken Innenabstand auf "50px" setzen:

Beispiel 2

Das <div>-Element den linken Innenabstand auf "normal" zurücksetzen:

Selbst ausprobieren

Beispiel 3

Gibt den linken Innenabstand des <div>-Elements zurück:

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

Selbst ausprobieren

Beispiel 4

Unterschied zwischen marginLeft und paddingLeft:

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

Selbst ausprobieren

Syntax

PaddingLeft-Eigenschaft zurückgeben:

object.style.paddingLeft

PaddingLeft-Eigenschaft setzen:

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

Eigenschaftswert

Wert Beschreibung
% Der linke Innenabstand wird als Prozentsatz der Breite des übergeordneten Elements definiert.
length Der linke Innenabstand wird durch eine Längenmaßzahl definiert.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die den linken 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