Logische Eigenschaften

Logische Eigenschaften sind CSS-Eigenschaften, die sich nicht auf feste Richtungen wie links, rechts, oben und unten beziehen, sondern auf die Schreibrichtung und den Textfluss eines Dokuments.

margin-inline: 20px;
padding-block: 10px;

Dabei bedeutet:

• inline → Richtung des Textflusses (z. B. links nach rechts)
• block → Richtung, in der Blöcke angeordnet werden (z. B. oben nach unten)

Sie ermöglichen Layouts, die sich automatisch an verschiedene Sprachen und Schreibrichtungen anpassen.

Siehe auch

• 

  Das „logische“ Boxmodell
  • Zentrieren mit margin-inline
  • Randlinien - block oder inline
   
• position
  • top, right, bottom und left
  • inset, inset-inline und inset-block
   
• Namen und Zeichenketten
  • Logische Richtungsangaben