CSS/Eigenschaften/padding-inline

Die Eigenschaft padding-inline ist die zusammenfassende Eigenschaft von padding-inline-start und padding-inline-end. Sie definiert den logischen Inline-Start- und -End-Padding eines Elements, der je nach Schreibmodus, Ausrichtung und Textorientierung des Elements auf physische Padding-Eigenschaften abgebildet wird.

Erlaubte Werte

• 1 - 2 Längenangaben
• 1 - 2 prozentuale Angaben

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

0

anwendbar auf

alle Elemente außer Elemente mit display: table-*

Vererbung

nein

animierbar

ja

Beispiel

.vertical-caption { 
  padding-inline: 2em;
  writing-mode: vertical-rl;  
}

Das Element mit der Klasse vertical-caption erhält einen Innenabstand in Schreibrichtung.

Beachten Sie: Prozentwerte beziehen sich auf die Breite des umschließenden Block-Vorfahrenelements.

Empfehlung: Wird nur ein Wert angegeben, so wird der fehlende Wert von der gegenüberliegenden Seite übernommen. Nur ein angegebener Wert gilt für alle Seiten.

Siehe auch

• logische Eigenschaften

Weblinks

• Spezifikation (W3C): padding-inline CSS Logical Properties and Values Level 1 (CSS Logical Properties 1)