[csswg-drafts] [css2][css-2025] The state of modularization of CSS (#12443) from Christoph Päper via GitHub on 2025-07-03 (public-css-archive@w3.org from July 2025)

From: Christoph Päper via GitHub <noreply@w3.org>
Date: Thu, 03 Jul 2025 15:18:03 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-3199763383-1751555880-noreply@w3.org>
Crissov has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css2][css-2025] The state of modularization of CSS ==
According to the [2025 Snapshot](https://drafts.csswg.org/css-2025/), the chapters, sections, subsections and sub-subsections of CSS Level 2.1 have been replaced / substituted / superceded and usually also extended by higher-level modules as follows (only highest-level heading shown):

- [1 About the CSS 2.1 Specification](https://www.w3.org/TR/CSS2/about.html#q1.0)
  - [1.1 CSS 2.1 vs CSS 2](https://www.w3.org/TR/CSS2/about.html#css2.1-v-css2)
  - [1.2 Reading the specification](https://www.w3.org/TR/CSS2/about.html#reading)
  - [1.3 How the specification is organized](https://www.w3.org/TR/CSS2/about.html#organization)
  - [1.4 Conventions](https://www.w3.org/TR/CSS2/about.html#conventions)
    - [1.4.1 Document language elements and attributes](https://www.w3.org/TR/CSS2/about.html#doc-language)
    - [1.4.2 CSS property definitions](https://www.w3.org/TR/CSS2/about.html#property-defs)
      - ~~[1.4.2.1 Value](https://www.w3.org/TR/CSS2/about.html#value-defs)~~ [css-values-3]
      - [1.4.2.2 Initial](https://www.w3.org/TR/CSS2/about.html#initial-value)
      - [1.4.2.3 Applies to](https://www.w3.org/TR/CSS2/about.html#applies-to)
      - [1.4.2.4 Inherited](https://www.w3.org/TR/CSS2/about.html#inherited-prop)
      - [1.4.2.5 Percentage values](https://www.w3.org/TR/CSS2/about.html#percentage-wrt)
      - [1.4.2.6 Media groups](https://www.w3.org/TR/CSS2/about.html#media-applies)
      - [1.4.2.7 Computed value](https://www.w3.org/TR/CSS2/about.html#computed-defs) 
    - ~~[1.4.3 Shorthand properties](https://www.w3.org/TR/CSS2/about.html#shorthand)~~ [css-cascade-4] &rarr; [css-cascade-5]
    - [1.4.4 Notes and examples](https://www.w3.org/TR/CSS2/about.html#notes-and-examples)
    - [1.4.5 Images and long descriptions](https://www.w3.org/TR/CSS2/about.html#images-and-longdesc) ([css-images-3]?)
  - [1.5 Acknowledgments](https://www.w3.org/TR/CSS2/about.html#acknowledgements) 
- [2 Introduction to CSS 2.1](https://www.w3.org/TR/CSS2/intro.html#q2.0) recommended reading, unsubstituted
  - [2.1 A brief CSS 2.1 tutorial for HTML](https://www.w3.org/TR/CSS2/intro.html#html-tutorial)
  - [2.2 A brief CSS 2.1 tutorial for XML](https://www.w3.org/TR/CSS2/intro.html#xml-tutorial)
  - [2.3 The CSS 2.1 processing model](https://www.w3.org/TR/CSS2/intro.html#processing-model)
    - [2.3.1 The canvas](https://www.w3.org/TR/CSS2/intro.html#the-canvas)
    - [2.3.2 CSS 2.1 addressing model](https://www.w3.org/TR/CSS2/intro.html#addressing) 
  - [2.4 CSS design principles](https://www.w3.org/TR/CSS2/intro.html#design-principles) 
- [3 Conformance: Requirements and Recommendations](https://www.w3.org/TR/CSS2/conform.html#q3.0)
  - [3.1 Definitions](https://www.w3.org/TR/CSS2/conform.html#defs)
  - [3.2 UA Conformance](https://www.w3.org/TR/CSS2/conform.html#conformance)
  - [3.3 Error conditions](https://www.w3.org/TR/CSS2/conform.html#errors)
  - [3.4 The text/css content type](https://www.w3.org/TR/CSS2/conform.html#text-css) 
- ~~[4 Syntax and basic data types](https://www.w3.org/TR/CSS2/syndata.html#q4.0)~~ ([css-syntax-3], [css-values-3])
  - ~~[4.1 Syntax](https://www.w3.org/TR/CSS2/syndata.html#syntax)~~ [css-syntax-3] 
  <!--
    - [4.1.1 Tokenization](https://www.w3.org/TR/CSS2/syndata.html#tokenization)
    - [4.1.2 Keywords](https://www.w3.org/TR/CSS2/syndata.html#keywords)
      - [4.1.2.1 Vendor-specific extensions](https://www.w3.org/TR/CSS2/syndata.html#vendor-keywords)
      - [4.1.2.2 Informative Historical Notes](https://www.w3.org/TR/CSS2/syndata.html#vendor-keyword-history) 
    - [4.1.3 Characters and case](https://www.w3.org/TR/CSS2/syndata.html#characters)
    - [4.1.4 Statements](https://www.w3.org/TR/CSS2/syndata.html#statements)
    - [4.1.5 At-rules](https://www.w3.org/TR/CSS2/syndata.html#at-rules)
    - [4.1.6 Blocks](https://www.w3.org/TR/CSS2/syndata.html#block)
    - [4.1.7 Rule sets, declaration blocks, and selectors](https://www.w3.org/TR/CSS2/syndata.html#rule-sets)
    - [4.1.8 Declarations and properties](https://www.w3.org/TR/CSS2/syndata.html#declaration)
    - [4.1.9 Comments](https://www.w3.org/TR/CSS2/syndata.html#comments) -->
  - ~~[4.2 Rules for handling parsing errors](https://www.w3.org/TR/CSS2/syndata.html#parsing-errors)~~ [css-syntax-3]
  - ~~[4.3 Values](https://www.w3.org/TR/CSS2/syndata.html#values)~~ [css-values-3]
  <!--
    - [4.3.1 Integers and real numbers](https://www.w3.org/TR/CSS2/syndata.html#numbers)
    - [4.3.2 Lengths](https://www.w3.org/TR/CSS2/syndata.html#length-units)
    - [4.3.3 Percentages](https://www.w3.org/TR/CSS2/syndata.html#percentage-units)
    - [4.3.4 URLs and URIs](https://www.w3.org/TR/CSS2/syndata.html#uri)
    - [4.3.5 Counters](https://www.w3.org/TR/CSS2/syndata.html#counter)
    - ~~[4.3.6 Colors](https://www.w3.org/TR/CSS2/syndata.html#color-units)~~ [css-color-4] &rarr; [css-color-5]
    - [4.3.7 Strings](https://www.w3.org/TR/CSS2/syndata.html#strings)
    - [4.3.8 Unsupported Values](https://www.w3.org/TR/CSS2/syndata.html#unsupported-values) -->
  - ~~[4.4 CSS style sheet representation](https://www.w3.org/TR/CSS2/syndata.html#charset)~~ [css-syntax-3] 
  <!--
    - [4.4.1 Referring to characters not represented in a character encoding](https://www.w3.org/TR/CSS2/syndata.html#escaping) -->
- ~~[5 Selectors](https://www.w3.org/TR/CSS2/selector.html#q5.0)~~ [selectors-3]
<!--
  - [5.1 Pattern matching](https://www.w3.org/TR/CSS2/selector.html#pattern-matching)
  - [5.2 Selector syntax](https://www.w3.org/TR/CSS2/selector.html#selector-syntax)
    - [5.2.1 Grouping](https://www.w3.org/TR/CSS2/selector.html#grouping) 
  - [5.3 Universal selector](https://www.w3.org/TR/CSS2/selector.html#universal-selector)
  - [5.4 Type selectors](https://www.w3.org/TR/CSS2/selector.html#type-selectors)
  - [5.5 Descendant selectors](https://www.w3.org/TR/CSS2/selector.html#descendant-selectors)
  - [5.6 Child selectors](https://www.w3.org/TR/CSS2/selector.html#child-selectors)
  - [5.7 Adjacent sibling selectors](https://www.w3.org/TR/CSS2/selector.html#adjacent-selectors)
  - [5.8 Attribute selectors](https://www.w3.org/TR/CSS2/selector.html#attribute-selectors)
    - [5.8.1 Matching attributes and attribute values](https://www.w3.org/TR/CSS2/selector.html#matching-attrs)
    - [5.8.2 Default attribute values in DTDs](https://www.w3.org/TR/CSS2/selector.html#default-attrs)
    - [5.8.3 Class selectors](https://www.w3.org/TR/CSS2/selector.html#class-html) 
  - [5.9 ID selectors](https://www.w3.org/TR/CSS2/selector.html#id-selectors)
  - [5.10 Pseudo-elements and pseudo-classes](https://www.w3.org/TR/CSS2/selector.html#pseudo-elements)
  - [5.11 Pseudo-classes](https://www.w3.org/TR/CSS2/selector.html#pseudo-class-selectors)
    - [5.11.1 :first-child pseudo-class](https://www.w3.org/TR/CSS2/selector.html#first-child)
    - [5.11.2 The link pseudo-classes: :link and :visited](https://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes)
    - [5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus](https://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes)
    - [5.11.4 The language pseudo-class: :lang](https://www.w3.org/TR/CSS2/selector.html#lang) 
  - [5.12 Pseudo-elements](https://www.w3.org/TR/CSS2/selector.html#pseudo-element-selectors)
    - [5.12.1 The :first-line pseudo-element](https://www.w3.org/TR/CSS2/selector.html#first-line-pseudo)
    - [5.12.2 The :first-letter pseudo-element](https://www.w3.org/TR/CSS2/selector.html#first-letter)
    - [5.12.3 The :before and :after pseudo-elements](https://www.w3.org/TR/CSS2/selector.html#before-and-after) -->
- ~~[6 Assigning property values, Cascading, and Inheritance](https://www.w3.org/TR/CSS2/cascade.html#q6.0)~~ ([css-cascade-4], [selectors-3])
  - ~~[6.1 Specified, computed, and actual values](https://www.w3.org/TR/CSS2/cascade.html#value-stages)~~ [css-cascade-4]
  <!--
    - [6.1.1 Specified values](https://www.w3.org/TR/CSS2/cascade.html#specified-value)
    - [6.1.2 Computed values](https://www.w3.org/TR/CSS2/cascade.html#computed-value)
    - [6.1.3 Used values](https://www.w3.org/TR/CSS2/cascade.html#used-value)
    - [6.1.4 Actual values](https://www.w3.org/TR/CSS2/cascade.html#actual-value) -->
  - ~~[6.2 Inheritance](https://www.w3.org/TR/CSS2/cascade.html#inheritance)~~ [css-cascade-4]
  <!--
    - [6.2.1 The 'inherit' value](https://www.w3.org/TR/CSS2/cascade.html#value-def-inherit) -->
  - ~~[6.3 The @import rule](https://www.w3.org/TR/CSS2/cascade.html#at-import)~~ [css-cascade-4]
  - ~~[6.4 The cascade](https://www.w3.org/TR/CSS2/cascade.html#cascade)~~
    - ~~[6.4.1 Cascading order](https://www.w3.org/TR/CSS2/cascade.html#cascading-order)~~ [css-cascade-4]
    - ~~[6.4.2 !important rules](https://www.w3.org/TR/CSS2/cascade.html#important-rules)~~ [css-cascade-4]
    - ~~[6.4.3 Calculating a selector's specificity](https://www.w3.org/TR/CSS2/cascade.html#specificity)~~ [selectors-3] and [css-cascade-4]
    - ~~[6.4.4 Precedence of non-CSS presentational hints](https://www.w3.org/TR/CSS2/cascade.html#preshint)~~ [css-cascade-4]
- [7 Media types](https://www.w3.org/TR/CSS2/media.html#q7.0)
  - [7.1 Introduction to media types](https://www.w3.org/TR/CSS2/media.html#media-intro)
  - ~~[7.2 Specifying media-dependent style sheets](https://www.w3.org/TR/CSS2/media.html#media-sheets)~~ [css-conditional-3]
  <!--
    - [7.2.1 The @media rule](https://www.w3.org/TR/CSS2/media.html#at-media-rule) -->
  - ~~[7.3 Recognized media types](https://www.w3.org/TR/CSS2/media.html#media-types)~~ [mediaqueries-3] &rarr; [mediaqueries-4]
  <!--
    - [7.3.1 Media groups](https://www.w3.org/TR/CSS2/media.html#media-groups) -->
- [8 Box model](https://www.w3.org/TR/CSS2/box.html#box-model)
  - ~~[8.1 Box dimensions](https://www.w3.org/TR/CSS2/box.html#box-dimensions)~~ [css-box-3]
  - ~~[8.2 Example of margins, padding, and borders](https://www.w3.org/TR/CSS2/box.html#mpb-examples)~~ [css-box-3]
  - ~~[8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'](https://www.w3.org/TR/CSS2/box.html#margin-properties)~~ [css-box-3]
    - [8.3.1 Collapsing margins](https://www.w3.org/TR/CSS2/box.html#collapsing-margins) explicitly not replaced yet
  - ~~[8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'](https://www.w3.org/TR/CSS2/box.html#padding-properties)~~ [css-box-3]
  - ~~[8.5 Border properties](https://www.w3.org/TR/CSS2/box.html#border-properties)~~ [css-backgrounds-3]
  <!--
    - [8.5.1 Border width: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', and 'border-width'](https://www.w3.org/TR/CSS2/box.html#border-width-properties)
    - [8.5.2 Border color: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', and 'border-color'](https://www.w3.org/TR/CSS2/box.html#border-color-properties)
    - [8.5.3 Border style: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', and 'border-style'](https://www.w3.org/TR/CSS2/box.html#border-style-properties)
    - [8.5.4 Border shorthand properties: 'border-top', 'border-right', 'border-bottom', 'border-left', and 'border'](https://www.w3.org/TR/CSS2/box.html#border-shorthand-properties) -->
  - ~~[8.6 The box model for inline elements in bidirectional context](https://www.w3.org/TR/CSS2/box.html#bidi-box-model)~~ [css-writing-modes-3] &rarr; [css-writing-modes-4]
- [9 Visual formatting model](https://www.w3.org/TR/CSS2/visuren.html#q9.0)
  - [9.1 Introduction to the visual formatting model](https://www.w3.org/TR/CSS2/visuren.html#visual-model-intro)
    - [9.1.1 The viewport](https://www.w3.org/TR/CSS2/visuren.html#viewport)
    - ~~[9.1.2 Containing blocks](https://www.w3.org/TR/CSS2/visuren.html#containing-block)~~ &rarr; [css-display-3]
  - [9.2 Controlling box generation](https://www.w3.org/TR/CSS2/visuren.html#box-gen)
    - ~~[9.2.1 Block-level elements and block boxes](https://www.w3.org/TR/CSS2/visuren.html#block-boxes)~~ &rarr; [css-display-3]
      - [9.2.1.1 Anonymous block boxes](https://www.w3.org/TR/CSS2/visuren.html#anonymous-block-level) explicitly not substituted yet
    - ~~[9.2.2 Inline-level elements and inline boxes](https://www.w3.org/TR/CSS2/visuren.html#inline-boxes)~~ &rarr; [css-display-3]
      - [9.2.2.1 Anonymous inline boxes](https://www.w3.org/TR/CSS2/visuren.html#anonymous) explicitly not substituted yet
    - ~~[9.2.3 Run-in boxes](https://www.w3.org/TR/CSS2/visuren.html#run-in)~~ &rarr; [css-display-3]
    - ~~[9.2.4 The 'display' property](https://www.w3.org/TR/CSS2/visuren.html#display-prop)~~ &rarr; [css-display-3]
  - [9.3 Positioning schemes](https://www.w3.org/TR/CSS2/visuren.html#positioning-scheme)  (&rarr; [css-position-3]?)
    - [9.3.1 Choosing a positioning scheme: 'position' property](https://www.w3.org/TR/CSS2/visuren.html#choose-position)
    - [9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'](https://www.w3.org/TR/CSS2/visuren.html#position-props) 
  - [9.4 Normal flow](https://www.w3.org/TR/CSS2/visuren.html#normal-flow)
    - [9.4.1 Block formatting contexts](https://www.w3.org/TR/CSS2/visuren.html#block-formatting)
    - [9.4.2 Inline formatting contexts](https://www.w3.org/TR/CSS2/visuren.html#inline-formatting)
    - [9.4.3 Relative positioning](https://www.w3.org/TR/CSS2/visuren.html#relative-positioning) 
  - [9.5 Floats](https://www.w3.org/TR/CSS2/visuren.html#floats) (extended by &rarr; [css-shapes-1])
    - [9.5.1 Positioning the float: the 'float' property](https://www.w3.org/TR/CSS2/visuren.html#float-position)
    - [9.5.2 Controlling flow next to floats: the 'clear' property](https://www.w3.org/TR/CSS2/visuren.html#flow-control) 
  - [9.6 Absolute positioning](https://www.w3.org/TR/CSS2/visuren.html#absolute-positioning) (&rarr; [css-position-3]?)
    - [9.6.1 Fixed positioning](https://www.w3.org/TR/CSS2/visuren.html#fixed-positioning) 
  - ~~[9.7 Relationships between 'display', 'position', and 'float'](https://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo)~~ 🔜 [css-display-3]
  - [9.8 Comparison of normal flow, floats, and absolute positioning](https://www.w3.org/TR/CSS2/visuren.html#comparison)
    - [9.8.1 Normal flow](https://www.w3.org/TR/CSS2/visuren.html#comp-normal-flow)
    - [9.8.2 Relative positioning](https://www.w3.org/TR/CSS2/visuren.html#comp-relpos)
    - [9.8.3 Floating a box](https://www.w3.org/TR/CSS2/visuren.html#comp-float)
    - [9.8.4 Absolute positioning](https://www.w3.org/TR/CSS2/visuren.html#comp-abspos) 
  - [9.9 Layered presentation](https://www.w3.org/TR/CSS2/visuren.html#layers)
    - [9.9.1 Specifying the stack level: the 'z-index' property](https://www.w3.org/TR/CSS2/visuren.html#z-index) 
  - ~~[9.10 Text direction: the 'direction' and 'unicode-bidi' properties](https://www.w3.org/TR/CSS2/visuren.html#direction)~~ [css-writing-modes-3] &rarr; [css-writing-modes-4]
- ~~[10 Visual formatting model details](https://www.w3.org/TR/CSS2/visudet.html#q10.0)~~ &rarr; [css-sizing-3] _(overlaying)_
<!--
  - [10.1 Definition of "containing block"](https://www.w3.org/TR/CSS2/visudet.html#containing-block-details)
  - [10.2 Content width: the 'width' property](https://www.w3.org/TR/CSS2/visudet.html#the-width-property)
  - [10.3 Calculating widths and margins](https://www.w3.org/TR/CSS2/visudet.html#Computing_widths_and_margins)
    - [10.3.1 Inline, non-replaced elements](https://www.w3.org/TR/CSS2/visudet.html#inline-width)
    - [10.3.2 Inline, replaced elements](https://www.w3.org/TR/CSS2/visudet.html#inline-replaced-width)
    - [10.3.3 Block-level, non-replaced elements in normal flow](https://www.w3.org/TR/CSS2/visudet.html#blockwidth)
    - [10.3.4 Block-level, replaced elements in normal flow](https://www.w3.org/TR/CSS2/visudet.html#block-replaced-width)
    - [10.3.5 Floating, non-replaced elements](https://www.w3.org/TR/CSS2/visudet.html#float-width)
    - [10.3.6 Floating, replaced elements](https://www.w3.org/TR/CSS2/visudet.html#float-replaced-width)
    - [10.3.7 Absolutely positioned, non-replaced elements](https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width)
    - [10.3.8 Absolutely positioned, replaced elements](https://www.w3.org/TR/CSS2/visudet.html#abs-replaced-width)
    - [10.3.9 'Inline-block', non-replaced elements in normal flow](https://www.w3.org/TR/CSS2/visudet.html#inlineblock-width)
    - [10.3.10 'Inline-block', replaced elements in normal flow](https://www.w3.org/TR/CSS2/visudet.html#inlineblock-replaced-width) 
  - [10.4 Minimum and maximum widths: 'min-width' and 'max-width'](https://www.w3.org/TR/CSS2/visudet.html#min-max-widths)
  - [10.5 Content height: the 'height' property](https://www.w3.org/TR/CSS2/visudet.html#the-height-property)
  - [10.6 Calculating heights and margins](https://www.w3.org/TR/CSS2/visudet.html#Computing_heights_and_margins)
    - [10.6.1 Inline, non-replaced elements](https://www.w3.org/TR/CSS2/visudet.html#inline-non-replaced)
    - [10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements](https://www.w3.org/TR/CSS2/visudet.html#inline-replaced-height)
    - [10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'](https://www.w3.org/TR/CSS2/visudet.html#normal-block)
    - [10.6.4 Absolutely positioned, non-replaced elements](https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-height)
    - [10.6.5 Absolutely positioned, replaced elements](https://www.w3.org/TR/CSS2/visudet.html#abs-replaced-height)
    - [10.6.6 Complicated cases](https://www.w3.org/TR/CSS2/visudet.html#block-root-margin)
    - [10.6.7 'Auto' heights for block formatting context roots](https://www.w3.org/TR/CSS2/visudet.html#root-height) 
  - [10.7 Minimum and maximum heights: 'min-height' and 'max-height'](https://www.w3.org/TR/CSS2/visudet.html#min-max-heights)
  - [10.8 Line height calculations: the 'line-height' and 'vertical-align' properties](https://www.w3.org/TR/CSS2/visudet.html#line-height)
    - [10.8.1 Leading and half-leading](https://www.w3.org/TR/CSS2/visudet.html#leading) -->
- [11 Visual effects](https://www.w3.org/TR/CSS2/visufx.html#q11.0)
  - [11.1 Overflow and clipping](https://www.w3.org/TR/CSS2/visufx.html#overflow-clipping)
    - [11.1.1 Overflow: the 'overflow' property](https://www.w3.org/TR/CSS2/visufx.html#overflow)
    - ~~[11.1.2 Clipping: the 'clip' property](https://www.w3.org/TR/CSS2/visufx.html#clipping)~~ &rarr; [css-masking-1]
  - [11.2 Visibility: the 'visibility' property](https://www.w3.org/TR/CSS2/visufx.html#visibility) 
- [12 Generated content, automatic numbering, and lists](https://www.w3.org/TR/CSS2/generate.html#generated-text)
  - [12.1 The :before and :after pseudo-elements](https://www.w3.org/TR/CSS2/generate.html#before-after-content)
  - [12.2 The 'content' property](https://www.w3.org/TR/CSS2/generate.html#content)
  - [12.3 Quotation marks](https://www.w3.org/TR/CSS2/generate.html#quotes)
    - [12.3.1 Specifying quotes with the 'quotes' property](https://www.w3.org/TR/CSS2/generate.html#quotes-specify)
    - [12.3.2 Inserting quotes with the 'content' property](https://www.w3.org/TR/CSS2/generate.html#quotes-insert) 
  - [12.4 Automatic counters and numbering](https://www.w3.org/TR/CSS2/generate.html#counters)
    - [12.4.1 Nested counters and scope](https://www.w3.org/TR/CSS2/generate.html#scope)
    - [12.4.2 Counter styles](https://www.w3.org/TR/CSS2/generate.html#counter-styles) ([css-counter-styles-3])
    - [12.4.3 Counters in elements with 'display: none'](https://www.w3.org/TR/CSS2/generate.html#undisplayed-counters) 
  - [12.5 Lists](https://www.w3.org/TR/CSS2/generate.html#lists)
    - [12.5.1 Lists: the 'list-style-type', 'list-style-image', 'list-style-position', and 'list-style' properties](https://www.w3.org/TR/CSS2/generate.html#list-style) 
- [13 Paged media](https://www.w3.org/TR/CSS2/page.html#the-page)
  - [13.1 Introduction to paged media](https://www.w3.org/TR/CSS2/page.html#page-intro)
  - [13.2 Page boxes: the @page rule](https://www.w3.org/TR/CSS2/page.html#page-box)
    - [13.2.1 Page margins](https://www.w3.org/TR/CSS2/page.html#page-margins)
    - [13.2.2 Page selectors: selecting left, right, and first pages](https://www.w3.org/TR/CSS2/page.html#page-selectors)
    - [13.2.3 Content outside the page box](https://www.w3.org/TR/CSS2/page.html#outside-page-box) 
  - ~~[13.3 Page breaks](https://www.w3.org/TR/CSS2/page.html#page-breaks)~~ &rarr; [css-break-3]
  <!--
    - [13.3.1 Page break properties: 'page-break-before', 'page-break-after', 'page-break-inside'](https://www.w3.org/TR/CSS2/page.html#page-break-props)
    - [13.3.2 Breaks inside elements: 'orphans', 'widows'](https://www.w3.org/TR/CSS2/page.html#break-inside)
    - [13.3.3 Allowed page breaks](https://www.w3.org/TR/CSS2/page.html#allowed-page-breaks)
    - [13.3.4 Forced page breaks](https://www.w3.org/TR/CSS2/page.html#forced)
    - [13.3.5 "Best" page breaks](https://www.w3.org/TR/CSS2/page.html#best-page-breaks) -->
  - [13.4 Cascading in the page context](https://www.w3.org/TR/CSS2/page.html#page-cascade) 
- ~~[14 Colors and Backgrounds](https://www.w3.org/TR/CSS2/colors.html#q14.0)~~ ([css-backgrounds-3], [css-color-4] &rarr; [css-color-5])
  - ~~[14.1 Foreground color: the 'color' property](https://www.w3.org/TR/CSS2/colors.html#colors)~~ [css-color-4] &rarr; [css-color-5]
  - ~~[14.2 The background](https://www.w3.org/TR/CSS2/colors.html#background)~~ [css-backgrounds-3]
  <!--
    - [14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'](https://www.w3.org/TR/CSS2/colors.html#background-properties) -->
- ~~[15 Fonts](https://www.w3.org/TR/CSS2/fonts.html#q15.0)~~ [css-fonts-3] &rarr; [css-fonts-4]
<!--
  - [15.1 Introduction](https://www.w3.org/TR/CSS2/fonts.html#fonts-intro)
  - [15.2 Font matching algorithm](https://www.w3.org/TR/CSS2/fonts.html#algorithm)
  - [15.3 Font family: the 'font-family' property](https://www.w3.org/TR/CSS2/fonts.html#font-family-prop)
    - [15.3.1 Generic font families](https://www.w3.org/TR/CSS2/fonts.html#generic-font-families)
      - [15.3.1.1 serif](https://www.w3.org/TR/CSS2/fonts.html#serif-def)
      - [15.3.1.2 sans-serif](https://www.w3.org/TR/CSS2/fonts.html#sans-serif-def)
      - [15.3.1.3 cursive](https://www.w3.org/TR/CSS2/fonts.html#cursive-def)
      - [15.3.1.4 fantasy](https://www.w3.org/TR/CSS2/fonts.html#fantasy-def)
      - [15.3.1.5 monospace](https://www.w3.org/TR/CSS2/fonts.html#monospace-def) 
  - [15.4 Font styling: the 'font-style' property](https://www.w3.org/TR/CSS2/fonts.html#font-styling)
  - [15.5 Small-caps: the 'font-variant' property](https://www.w3.org/TR/CSS2/fonts.html#small-caps)
  - [15.6 Font boldness: the 'font-weight' property](https://www.w3.org/TR/CSS2/fonts.html#font-boldness)
  - [15.7 Font size: the 'font-size' property](https://www.w3.org/TR/CSS2/fonts.html#font-size-props)
  - [15.8 Shorthand font property: the 'font' property](https://www.w3.org/TR/CSS2/fonts.html#font-shorthand) -->
- ~~[16 Text](https://www.w3.org/TR/CSS2/text.html#q16.0)~~ &rarr; [css-text-3] (&rarr; [css-text-decor-3])
  - ~~[16.1 Indentation: the 'text-indent' property](https://www.w3.org/TR/CSS2/text.html#indentation-prop)~~ &rarr; [css-text-3]
  - ~~[16.2 Alignment: the 'text-align' property](https://www.w3.org/TR/CSS2/text.html#alignment-prop)~~ &rarr; [css-text-3]
  - ~~[16.3 Decoration](https://www.w3.org/TR/CSS2/text.html#decoration)~~ &rarr; [css-text-decor-3]
  <!--
    - [16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property](https://www.w3.org/TR/CSS2/text.html#lining-striking-props) -->
  - ~~[16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties](https://www.w3.org/TR/CSS2/text.html#spacing-props)~~ &rarr; [css-text-3]
  - ~~[16.5 Capitalization: the 'text-transform' property](https://www.w3.org/TR/CSS2/text.html#caps-prop)~~ &rarr; [css-text-3]
  - ~~[16.6 White space: the 'white-space' property](https://www.w3.org/TR/CSS2/text.html#white-space-prop)~~ &rarr; [css-text-3]
  <!--
    - [16.6.1 The 'white-space' processing model](https://www.w3.org/TR/CSS2/text.html#white-space-model)
    - [16.6.2 Example of bidirectionality with white space collapsing](https://www.w3.org/TR/CSS2/text.html#egbidiwscollapse)
    - [16.6.3 Control and combining characters' details](https://www.w3.org/TR/CSS2/text.html#ctrlchars) -->
- [17 Tables](https://www.w3.org/TR/CSS2/tables.html#q17.0)
  - [17.1 Introduction to tables](https://www.w3.org/TR/CSS2/tables.html#tables-intro)
  - [17.2 The CSS table model](https://www.w3.org/TR/CSS2/tables.html#table-display)
    - [17.2.1 Anonymous table objects](https://www.w3.org/TR/CSS2/tables.html#anonymous-boxes) 
  - [17.3 Columns](https://www.w3.org/TR/CSS2/tables.html#columns)
  - [17.4 Tables in the visual formatting model](https://www.w3.org/TR/CSS2/tables.html#model)
    - [17.4.1 Caption position and alignment](https://www.w3.org/TR/CSS2/tables.html#caption-position) 
  - [17.5 Visual layout of table contents](https://www.w3.org/TR/CSS2/tables.html#table-layout)
    - [17.5.1 Table layers and transparency](https://www.w3.org/TR/CSS2/tables.html#table-layers)
    - [17.5.2 Table width algorithms: the 'table-layout' property](https://www.w3.org/TR/CSS2/tables.html#width-layout)
      - [17.5.2.1 Fixed table layout](https://www.w3.org/TR/CSS2/tables.html#fixed-table-layout)
      - [17.5.2.2 Automatic table layout](https://www.w3.org/TR/CSS2/tables.html#auto-table-layout) 
    - [17.5.3 Table height algorithms](https://www.w3.org/TR/CSS2/tables.html#height-layout)
    - [17.5.4 Horizontal alignment in a column](https://www.w3.org/TR/CSS2/tables.html#column-alignment)
    - [17.5.5 Dynamic row and column effects](https://www.w3.org/TR/CSS2/tables.html#dynamic-effects) 
  - [17.6 Borders](https://www.w3.org/TR/CSS2/tables.html#borders)
    - [17.6.1 The separated borders model](https://www.w3.org/TR/CSS2/tables.html#separated-borders)
      - [17.6.1.1 Borders and Backgrounds around empty cells: the 'empty-cells' property](https://www.w3.org/TR/CSS2/tables.html#empty-cells) 
    - [17.6.2 The collapsing border model](https://www.w3.org/TR/CSS2/tables.html#collapsing-borders)
      - [17.6.2.1 Border conflict resolution](https://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution) 
    - [17.6.3 Border styles](https://www.w3.org/TR/CSS2/tables.html#table-border-styles) 
- [18 User interface](https://www.w3.org/TR/CSS2/ui.html#q18.0)
  - ~~[18.1 Cursors: the 'cursor' property](https://www.w3.org/TR/CSS2/ui.html#cursor-props)~~ [css-ui-3]
  - ~~[18.2 System Colors](https://www.w3.org/TR/CSS2/ui.html#system-colors)~~ [css-color-4] &rarr; [css-color-5]
  - [18.3 User preferences for fonts](https://www.w3.org/TR/CSS2/ui.html#system-fonts)
  - ~~[18.4 Dynamic outlines: the 'outline' property](https://www.w3.org/TR/CSS2/ui.html#dynamic-outlines)~~ [css-ui-3]
  <!--
    - [18.4.1 Outlines and the focus](https://www.w3.org/TR/CSS2/ui.html#outline-focus) -->
  - [18.5 Magnification](https://www.w3.org/TR/CSS2/ui.html#magnification)
- ~~Appendix A~~ &rarr; [css-speech-1]
  - ~~[Appendix A.2.1–3](https://www.w3.org/TR/CSS2/aural.html#aural-intro)~~ [css-values-3]
- ~~[Appendix G](https://www.w3.org/TR/CSS2/grammar.html#q25.0)~~ [css-syntax-3]

[css-backgrounds-3]: https://www.w3.org/TR/css-backgrounds-3/
[css-box-3]: https://www.w3.org/TR/css-box-3/
[css-break-3]: https://www.w3.org/TR/css-break-3/
[css-cascade-4]: https://www.w3.org/TR/css-cascade-4/
[css-cascade-5]: https://www.w3.org/TR/css-cascade-5/
[css-syntax-3]: https://www.w3.org/TR/css-syntax-3/
[css-values-3]: https://www.w3.org/TR/css-values-3/
[css-color-4]: https://www.w3.org/TR/css-color-4/
[css-color-5]: https://www.w3.org/TR/css-color-5/
[css-ui-3]: https://www.w3.org/TR/css-ui-3/
[css-text-3]: https://www.w3.org/TR/css-text-3/
[css-text-4]: https://www.w3.org/TR/css-text-4/
[css-text-decor-3]: https://www.w3.org/TR/css-text-decor-3/
[css-display-3]: https://www.w3.org/TR/css-display-3/
[css-fonts-3]: https://www.w3.org/TR/css-fonts-3/
[css-fonts-4]: https://www.w3.org/TR/css-fonts-4/
[css-position-3]: https://www.w3.org/TR/css-position-3/
[css-sizing-3]: https://www.w3.org/TR/css-sizing-3/
[css-sizing-4]: https://www.w3.org/TR/css-sizing-4/
[css-conditional-3]: https://www.w3.org/TR/css-conditional-3/
[mediaqueries-3]: https://www.w3.org/TR/mediaqueries-3/
[mediaqueries-4]: https://www.w3.org/TR/mediaqueries-4/
[selectors-3]: https://www.w3.org/TR/selectors-3/
[css-writing-modes-3]: https://www.w3.org/TR/css-writing-modes-3/
[css-writing-modes-4]: https://www.w3.org/TR/css-writing-modes-4/
[css-images-3]: https://www.w3.org/TR/css-images-3/
[css-counter-styles-3]: https://www.w3.org/TR/css-counter-styles-3/

[css-images-3]: https://www.w3.org/TR/css-images-3/
[css-images-3]: https://www.w3.org/TR/css-images-3/
[css-tables-3]: https://www.w3.org/TR/css-tables-3/
[css-gcpm-3]: https://www.w3.org/TR/css-gcpm-3/

[css-speech-1]: https://www.w3.org/TR/css-speech-1/
[css-shapes-1]: https://www.w3.org/TR/css-shapes-1/
[css-masking-1]: https://www.w3.org/TR/css-masking-1/

Specifications with a rightwards arrow in front are not quite interoperable, references in parentheses or with a question mark are only implied as substitutes by the Snapshot.

Sections §4, §5, §6, §14, §15, §16 have basically been replaced by mature modules already, sections §7, §8 and §10 are almost there (going only by the latest Snapshot). The others have only partially been superceded yet. I believe §9, §11 and §18 are better covered by stable specifications than documented. This could and should be improved.

Is there some umbrella specification that should replaces the remainder of sections §1, §2 and §3?

This would leave §12 (generated content, [css-gcpm-3], with pseudo elements and lists), §13 ([css-page-3]) and §17 ([css-tables-3]) as the major missing modules.

Related: #4752

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12443 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 3 July 2025 15:18:05 UTC