CSS/Eigenschaften/padding-block

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft padding-inline ist die zusammenfassende Eigenschaft von padding-block-start und padding-block-end. Sie definiert den logischen Block-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
  • Defaultwert: 0
anwendbar auf alle Elemente außer Elemente mit display: table-* (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar ja
Beispiel
.vertical-caption { 
  padding-block: 2em;
  padding-inline: 5px;
  writing-mode: vertical-rl;  
}
Das Element mit der Klasse vertical-caption erhält einen seitlichenInnenabstand 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.

Weblinks

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

Siehe auch