CSS-Eigenschaft padding-right

Die CSS-Eigenschaft padding-right stellt den Padding-Bereich auf der rechten Seite eines Elements ein.

Negative Werte sind nicht gültig.

Diese Eigenschaft hat keinen Einfluss auf Inline-Elemente, wie das Tag <span>.

Anfangswert	0
Gilt für	Alle Elements, außer wenn die Eigenschaft display auf table-row-group, table-header-group, table-footer-group, table-row, table-column-group und table-column eingestellt ist. Das gilt auch für ::first-letter.
Geerbt	Nein
Animierbar	Ja, der Polsterbereich ist animierbar.
Version	CSS1
DOM Syntax	object.style.paddingRight = "40px";

Syntax

padding-right: length | initial | inherit;

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      p {
      border: 2px solid #000; 
      color: #8ebf42;
      padding-right: 100px;
      }
    </style>
  </head>
  <body>
    <h2>Beispiel für die Eigenschaft padding-right</h2>
    <p>Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie. Lorem Ipsum ist der Standard-Dummy-Text der Branche seit den 1500er Jahren, als ein unbekannter Drucker ein Setzschiff vom Typ nahm und es zu einem Musterbuch verarbeitete...</p>
  </body>
</html>

Versuch es selber!

Ein weiteres Beispiel, wo der Padding-Bereich auf "100pt" eingestellt ist:

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      p {
      border: 2px solid #000; 
      color: #8ebf42;
      padding-right: 100pt;
      }
    </style>
  </head>
  <body>
    <h2>Beispiel für die Eigenschaft padding-right</h2>
    <p>Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie. Lorem Ipsum ist der Standard-Dummy-Text der Branche seit den 1500er Jahren, als ein unbekannter Drucker ein Setzschiff vom Typ nahm und es zu einem Musterbuch verarbeitete.</p>
  </body>
</html>

Versuch es selber!

Werte

Wert	Beschreibung
length	Es stellt die rechte Polsterung in px, pt, cm usw. ein. Der Standardwert ist 0px.
%	Stellt die rechte Polsterung in Prozent der Breite des enthaltenden Elements ein.
initial	Der Wert stellt die Eigenschaft auf seinen Standardwert ein.
inherit	Der Wert erbt die Eigenschaft von seinem übergeordneten Element.