The CSS box alignment module specifies CSS features relating to the alignment of boxes within their containers. It defines the alignment of the various CSS box layout models including block layout, table layout, flexible box layout (flexbox), and grid layout, creating a consistent alignment method across all of CSS.
The module details alignment terminology, enabling alignment properties to be used in multiple layout modules, rather than limited to a particular layout method.
Alignment is linked to writing modes in that when we align an item we do not consider whether we are aligning it to the physical dimensions of top, right, bottom, and left. Instead, we describe alignment in terms of the start and end of the particular dimension we are working with. This ensures that alignment works in the same way whichever writing mode the document has.
The alignment of text and inline-level content is defined in CSS text module and CSS inline module, respectively.
Reference CSS Properties Data types Terms and definitions GuidesOverview of the general concepts found in the CSS box alignment module.
How box alignment works in the context of flexbox.
How box alignment works in the context of grid layout.
How box alignment works in the context of multi-column layout.
How box alignment works in the context of block layout, including floated, positioned, and table elements.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3