CSS Regions Module

E83547

The CSS Regions Module is a proposed CSS specification that enables flowing content through multiple, non-contiguous layout regions to create more complex, magazine-like page designs on the web.

Jump to: Surface forms Statements Referenced by

Observed surface forms (4)


Statements (49)

Predicate Object
instanceOf CSS specification
W3C specification
contentModel content flows from a named flow into one or more regions
contentSource content is taken from elements assigned to a named flow
definesAtRule @region
definesConcept CSS Regions Module self-linksurface differs
surface form: CSS regions

named flow
region chain
region styling
definesProperty flow-from
flow-into
region-break-after
region-break-before
region-break-inside
region-fragment
region-overflow
definesPseudoElement ::region
definesSelector :nth-last-region
:nth-region
:region
designRationale allow authors to define reusable content flows
separate content from layout regions
editorialStatus Working Draft
fullName CSS Regions Module self-linksurface differs
surface form: CSS Regions Module Level 1
implementationStatus not widely supported in modern browsers
partially implemented in some browsers in the past
intendedAudience browser implementers
web authors
layoutCharacteristic content is fragmented across a region chain
regions can be non-contiguous
regions can have different sizes and positions
motivation provide fine-grained control over where content appears on a page
primaryGoal enable content to flow through multiple layout regions
support complex magazine-like layouts on the web
publisher World Wide Web Consortium
regionTarget regions are elements that receive flowed content
relationship alternative to some use cases of CSS Grid Layout Module
CSS Regions Module self-linksurface differs
surface form: overlaps in purpose with CSS Multi-column Layout Module

related to CSS Fragmentation Module
shortName CSS Regions Module self-linksurface differs
surface form: CSS Regions
specStatus discontinued work
not actively developed
specType layout and presentation
technologyDomain CSS
surface form: Cascading Style Sheets
useCase complex editorial page designs
magazine-style multi-column layouts
responsive layouts with reflowing articles
webStandardArea web layout
workingGroup W3C CSS Working Group
surface form: CSS Working Group

Referenced by (5)

Full triples — surface form annotated when it differs from this entity's canonical label.

CSS Regions Module definesConcept CSS Regions Module self-linksurface differs
this entity surface form: CSS regions
CSS Regions Module fullName CSS Regions Module self-linksurface differs
this entity surface form: CSS Regions Module Level 1
CSS Regions Module relationship CSS Regions Module self-linksurface differs
this entity surface form: overlaps in purpose with CSS Multi-column Layout Module
CSS Regions Module shortName CSS Regions Module self-linksurface differs
this entity surface form: CSS Regions
W3C CSS Working Group standardizes CSS Regions Module