CSS padding-right Eigenschaft

Definition und Verwendung

Die Eigenschaft padding-right stellt den rechten Innenabstand des Elements (Leerraum) ein.

Anmerkung:Negative Werte sind nicht erlaubt.

Erklärung

Diese Eigenschaft stellt die Breite des rechten Innenabstands des Elements ein. Der rechte Innenabstand, der auf inline-nicht-ersetzbare Elemente angewendet wird, tritt nur am rechten Rand des ersten inline- Rahmens des Elements auf.

Weitere Informationen:

CSS-Tutorial:CSS Innenabstand

HTML DOM Referenzhandbuch:paddingRight-Eigenschaft

Beispiel

Stellen Sie den rechten Innenabstand des p-Elements ein:

p
  {
  padding-right:2cm;
  }

Versuchen Sie es selbst

Mehr Beispiele finden Sie am Ende der Seite.

CSS-Syntax

padding-right: length|initial|inherit;

Attributwert

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

Technische Details

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

TIY-Beispiel

Rechten Innenabstand 1 einstellen
Dieses Beispiel zeigt, wie man den rechten Innenabstand der Zelle mit Zentimeterwerten einstellt.
Rechten Innenabstand 2 einstellen
Dieses Beispiel zeigt, wie man den rechten 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