CSS logische Eigenschaften und Werte

Das Modul CSS logische Eigenschaften und Werte definiert logische Eigenschaften und Werte, die das Layout durch logische statt physische Richtungs- und Dimensionszuweisungen steuern können. Logische Eigenschaften definieren richtungsbezogene Entsprechungen zu ihren entsprechenden physischen Eigenschaften.

Der Beginn einer Zeile ist nicht immer auf der linken Seite einer Zeile. Verschiedene Schriftsysteme operieren in unterschiedlichen Richtungen. Zum Beispiel:

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

Die in diesem Modul definierten logischen Eigenschaften ermöglichen es, Eigenschaften relativ zur Schreibrichtung des Inhalts zu definieren, anstatt einer physischen Richtung. Dies 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 physikalische Bedeutung dieser Begriffe hängt vom Schreibmodus ab.

Die Blockdimension ist senkrecht zum Fließen des Textes innerhalb einer Zeile, d.h. die vertikale Dimension in horizontalen Schreibmodi und die horizontale Dimension in vertikalen Schreibmodi. Für Standard-Englisch-Text ist es die vertikale Dimension.

Die Inlinedimension ist parallel zum Fließen des Textes innerhalb einer Zeile, d.h. die horizontale Dimension in horizontalen Schreibmodi und die vertikale Dimension in vertikalen Schreibmodi. Für Standard-Englisch-Text ist es die horizontale Dimension.

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