CSS Box-Ausrichtung
Das CSS Box-Ausrichtungsmodul spezifiziert CSS-Funktionen, die sich auf die Ausrichtung von Boxen innerhalb ihrer Container beziehen. Es definiert die Ausrichtung der verschiedenen CSS-Box-Layout-Modelle, einschließlich Block-Layout, Tabellen-Layout, flexiblen Box-Layout (Flexbox) und Gitter-Layout, und schafft eine konsistente Ausrichtungsmethode in der gesamten CSS.
Das Modul erläutert die Ausrichtungs-Terminologie und ermöglicht es, Ausrichtungseigenschaften in mehreren Layoutmodulen zu verwenden, anstatt auf eine bestimmte Layoutmethode beschränkt zu sein.
Die Ausrichtung ist mit Schreibrichtungen verknüpft, da wir bei der Ausrichtung eines Elements nicht bedenken, ob wir es an den physischen Dimensionen von oben, rechts, unten und links ausrichten. Stattdessen beschreiben wir die Ausrichtung in Bezug auf den Anfang und das Ende der besonderen Dimension, mit der wir arbeiten. Auf diese Weise funktioniert die Ausrichtung auf die gleiche Weise, unabhängig davon, welches Schreibrichtung der Dokument hat.
Die Ausrichtung von Text und inline-Inhalt wird im CSS Textmodul und im CSS Inline-Modul definiert.
Referenz
CSS-Eigenschaften
Datentypen
Begriffe und Definitionen
Leitfäden
- Überblick über die Box-Ausrichtung
-
Überblick über die allgemeinen Konzepte, die im CSS Box-Ausrichtungsmodul zu finden sind.
- 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 Gitter-Layout funktioniert.
- Box-Ausrichtung im Mehrspalten-Layout
-
Wie die Box-Ausrichtung im Kontext von Mehrspalten-Layout funktioniert.
- Box-Ausrichtung für Block-, absolut positionierte und Tabellen-Layouts
-
Wie die Box-Ausrichtung im Kontext von Block-Layout funktioniert, einschließlich schwebender, positionierter und Tabellenelemente.
Verwandte Konzepte
Spezifikationen
Specification |
---|
CSS Box Alignment Module Level 3 |