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 |