CSS-Box-Ausrichtung
Das CSS-Box-Ausrichtung-Modul spezifiziert CSS-Funktionen in Bezug auf die Ausrichtung von Boxen innerhalb ihrer Container. Es definiert die Ausrichtung der verschiedenen CSS-Box-Layout-Modelle einschließlich Block-Layout, Tabellen-Layout, flexiblen Box-Layouts (Flexbox) und Grid-Layouts und schafft eine konsistente Ausrichtungsmethode über alle CSS-Modelle hinweg.
Das Modul beschreibt die Ausrichtungs-Terminologie und ermöglicht es, Ausrichtungen in mehreren Layout-Modulen zu verwenden, anstatt auf eine bestimmte Layout-Methode beschränkt zu sein.
Die Ausrichtung ist mit Schreibmodi verknüpft, denn wenn wir ein Element ausrichten, berücksichtigen wir nicht, ob wir es an den physischen Dimensionen von oben, rechts, unten und links ausrichten. 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 die gleiche Weise funktioniert, unabhängig davon, welcher Schreibmodus das Dokument hat.
Die Ausrichtung von Text und Inline-Inhalten wird im CSS-Textmodul und im CSS-Inlinemodul definiert.
Referenz
>CSS-Eigenschaften
Datentypen
Begriffe und Definitionen
Leitfäden
- Übersicht zur Box-Ausrichtung
-
Übersicht über die allgemeinen Konzepte des CSS-Box-Ausrichtungs-Moduls.
- Box-Ausrichtung in Flexbox
-
Wie die Box-Ausrichtung im Kontext von Flexbox funktioniert.
- Box-Ausrichtung im CSS-Grid-Layout
-
Wie die Box-Ausrichtung im Kontext von Grid-Layout funktioniert.
- Box-Ausrichtung im Multi-Column-Layout
-
Wie die Box-Ausrichtung im Kontext von Multi-Column-Layout funktioniert.
- Box-Ausrichtung für Block-, absolut positionierte und Tabellen-Layouts
-
Wie die Box-Ausrichtung im Kontext von Block-Layout, inklusive floatierten, positionierten und Tabellenelementen, funktioniert.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Box Alignment Module Level 3> |