CSS logische Eigenschaften und Werte

Das CSS-Modul für logische Eigenschaften und Werte definiert logische Eigenschaften und Werte, die das Layout durch logische statt physische Richtungs- und Dimensionszuordnungen steuern können. Logische Eigenschaften definieren richtungsbezogene Äquivalente zu ihren entsprechenden physischen Eigenschaften.

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

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

Die in diesem Modul definierten logischen Eigenschaften ermöglichen es, Eigenschaften relativ zur Schreibrichtung des Inhalts zu definieren, anstatt zu einer physischen Richtung. Dies bedeutet, dass Inhalte, die in Sprachen mit unterschiedlichen Schreibmodi übersetzt werden, wie beabsichtigt gerendert 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 Fließen des Texts innerhalb einer Zeile, d.h. die vertikale Dimension in horizontalen Schreibmodi und die horizontale Dimension in vertikalen Schreibmodi. Für standardmäßigen englischen Text ist es die vertikale Dimension.

Die Inline-Dimension ist parallel zum Fließen des Texts innerhalb einer Zeile, d.h. die horizontale Dimension in horizontalen Schreibmodi und die vertikale Dimension in vertikalen Schreibmodi. Für standardmäßigen englischen Text ist es die horizontale Dimension.

CSS wurde ursprünglich nur mit physischen Koordinaten entwickelt. Das Modul für logische Eigenschaften und Werte definiert flussrelativ äquivalente Werte für viele Werte und Eigenschaften. Eigenschaften, die früher nur physische Werte (top, bottom, left, right) akzeptierten, akzeptieren nun auch flussrelative logische Werte (block-start, block-end, inline-start, inline-end).