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.
Observed surface forms (4)
| Surface form | Occurrences |
|---|---|
| CSS Regions | 1 |
| CSS Regions Module Level 1 | 1 |
| CSS regions | 1 |
| overlaps in purpose with CSS Multi-column Layout Module | 1 |
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.
this entity surface form:
CSS regions
this entity surface form:
CSS Regions Module Level 1
this entity surface form:
overlaps in purpose with CSS Multi-column Layout Module
this entity surface form:
CSS Regions