CSS logische Eigenschaften und Werte

Das Modul der CSS logischen Eigenschaften und Werte definiert logische Eigenschaften und Werte, die das Layout durch logische anstelle von physischen Richtungs- und Größenbezügen steuern können. Logische Eigenschaften definieren richtungsbezogene Entsprechungen zu ihren entsprechenden physischen Eigenschaften.

Der Beginn einer Zeile ist nicht immer die linke Seite einer Zeile. Verschiedene Schriftsysteme arbeiten in unterschiedlichen Richtungen. Zum Beispiel:

• Englisch und Portugiesisch werden von links nach rechts geschrieben, wobei neue Zeilen unter den vorherigen hinzugefügt werden.
• Hebräisch und Arabisch sind Sprachen mit Schreibrichtung von rechts nach links, wobei ebenfalls neue Zeilen unter den vorherigen hinzugefügt werden.
• In einigen Schreibmodi sind die Textzeilen vertikal und verlaufen von oben nach unten. Chinesisch, Vietnamesisch, Koreanisch und Japanisch werden traditionell vertikal geschrieben, von oben nach unten, wobei jede neue vertikale Zeile links von der vorherigen hinzugefügt wird.
• Traditionelles Mongolisch ist ebenfalls eine Sprache von oben nach unten, neue Zeilen befinden sich jedoch rechts von den vorherigen.

Die in diesem Modul definierten logischen Eigenschaften ermöglichen es, Eigenschaften relativ zur Schreibrichtung des Inhalts festzulegen, anstatt eine physische Richtung zu verwenden. Das bedeutet, dass in Sprachen mit unterschiedlichen Schreibmodi übersetzte Inhalte wie beabsichtigt dargestellt werden.

Logische Eigenschaften und Werte verwenden die abstrakten Begriffe Block und Inline, um die Richtung zu beschreiben, in der sie fließen. Die physische Bedeutung dieser Begriffe hängt vom Schreibmodus ab.

Die Block-Dimension ist senkrecht zum Fluss des Texts innerhalb einer Zeile, d.h. die vertikale Dimension in horizontalen Schreibmodi und die horizontale Dimension in vertikalen Schreibmodi. Für Standard-Englisch-Text ist dies die vertikale Dimension.

Die Inline-Dimension ist parallel zum Fluss des Texts innerhalb einer Zeile, d.h. die horizontale Dimension in horizontalen Schreibmodi und die vertikale Dimension in vertikalen Schreibmodi. Für Standard-Englisch-Text ist dies die horizontale Dimension.

CSS wurde ursprünglich nur mit physischen Koordinaten entwickelt. Das Modul der logischen Eigenschaften und Werte definiert flussbezogene Entsprechungen für viele Werte und Eigenschaften. Eigenschaften, die einst nur physische Werte (top, bottom, left, right) akzeptierten, akzeptieren nun auch flussbezogene logische Werte (block-start, block-end, inline-start, inline-end).