CSS padding-left Eigenschaft

Definition und Verwendung

Die Eigenschaft padding-left stellt den linken Innenabstand des Elements (Leerraum) ein.

Erklärung

Diese Eigenschaft stellt die Breite des linken Innenabstands des Elements ein. Der linke Innenabstand, der auf inline-nicht-austauschbaren Elementen gesetzt wird, tritt nur links am ersten inline-Box des Elements auf.

Kommentare:Negative Werte sind nicht erlaubt.

Weitere Informationen:

CSS-Tutorial:CSS Innenabstand

HTML DOM Referenzhandbuch:paddingLeft-Eigenschaft

Beispiel

Stellen Sie den linken Innenabstand des p-Elements ein:

p
  {
  padding-left:2cm;
  }

Versuchen Sie es selbst

Mehr Beispiele finden Sie am Ende der Seite.

CSS-Syntax

padding-left: length|initial|inherit;

Attributwert

Wert Beschreibung
length Es wird ein fester linker Innenabstand in spezifischen Einheiten festgelegt, z.B. Pixel, Zentimeter usw. Der Standardwert ist 0px.
% Definiert einen prozentualen linken Innenabstand basierend auf der Breite des übergeordneten Elements. Dieser Wert funktioniert nicht wie erwartet in allen Browsern.
inherit Es wird vorgeschrieben, dass der linke Innenabstand vom übergeordneten Element geerbt wird.

Technische Details

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

TIY-Beispiel

Linken Innenabstand auf 1 setzen
Dieses Beispiel zeigt, wie man den Linken Innenabstand der Zellen mit Zentimeterwerten einstellt.
Linken Innenabstand auf 2 setzen
Dieses Beispiel zeigt, wie man die Linken Innenabstand der Zellen mit Prozentsatzwerten einstellt.

Browser-Unterstützung

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

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