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
   
• 

  Positionierung mit position, top, left & Co
  • absolute Positionierung
  • fixer footer
  • inset, inset-inline und inset-block
   
• 

  Schreib- und Leserichtung mit HTML und CSS
  • horizontal
  • vertikal
  • Zeichen ausrichten
   
• Namen und Zeichenketten
  • Logische Richtungsangaben
    (als Werte für CSS-Eigenschaften)