CSS-Box-Ausrichtung

Das CSS-Box-Ausrichtungsmodul definiert CSS-Funktionen zur Ausrichtung von Boxen innerhalb ihrer Container. Es legt die Ausrichtung der verschiedenen CSS-Box-Layout-Modelle fest, einschließlich Block-Layout, Tabellen-Layout, Flexbox-Layout und Gitter-Layout (Grid), und schafft so eine konsistente Ausrichtungsmethode für ganz CSS.

Das Modul beschreibt die Ausrichtungsterminologie, wodurch Ausrichtungs-Eigenschaften in mehreren Layout-Modulen verwendet werden können, anstatt auf eine bestimmte Layout-Methode beschränkt zu sein.

Die Ausrichtung ist mit Schreibmodi verbunden. Wenn wir ein Element ausrichten, betrachten wir dabei nicht die physischen Dimensionen von oben, rechts, unten und links. Stattdessen beschreiben wir die Ausrichtung in Bezug auf Anfang und Ende der spezifischen Dimension, mit der wir arbeiten. Dies stellt sicher, dass die Ausrichtung auf dieselbe Weise funktioniert, unabhängig davon, welcher Schreibmodus das Dokument hat.

Die Ausrichtung von Text und Inline-Inhalten wird im CSS-Textmodul und im CSS-Inline-Modul definiert.

Referenz

CSS-Eigenschaften

Datentypen

Begriffe und Definitionen

Leitfäden

Übersicht zur Box-Ausrichtung

Überblick über die allgemeinen Konzepte des CSS-Box-Ausrichtungsmoduls.

Box-Ausrichtung in Flexbox

Wie die Box-Ausrichtung im Kontext von Flexbox funktioniert.

Box-Ausrichtung im CSS-Gitter-Layout

Wie die Box-Ausrichtung im Kontext des Gitter-Layouts funktioniert.

Box-Ausrichtung in Mehrspalten-Layout

Wie die Box-Ausrichtung im Kontext des Mehrspalten-Layouts funktioniert.

Box-Ausrichtung für Block-, absolut positionierte und Tabellen-Layouts

Wie die Box-Ausrichtung im Kontext von Block-Layouts funktioniert, einschließlich gefloateter, positionierter und Tabellen-Elemente.

Verwandte Konzepte

Spezifikationen

Specification
CSS Box Alignment Module Level 3

Siehe auch