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

Siehe auch