What's New in CSS?

CSS4?

CSS is now modular, not a monolith

Level 1

Level 2

Level 3

CSS beyond level 2 is a set of modules, divided up to allow the specifications to develop incrementally, along with their implementations.

Modules can be in different states:

  • Completed (Recommended)
  • Stable
  • Testing
  • Refining
  • Revising
  • Exploring
  • Rewriting
  • Abandoned

Scroll Snap

This module contains features to control panning and scrolling behavior with “snap positions”. Scroll snap positions can enforce the scroll positions that a scroll container’s scrollport may end at after a scrolling operation has completed.

Module Level 1 [ CR ]

Shapes

CSS Shapes describe geometric shapes for use in CSS. For Level 1, CSS Shapes can be applied to floats. A circle shape on a float will cause inline content to wrap around the circle shape instead of the float’s bounding box.

Module Level 1 [ CR ]

Conditional Rules

This module contains the features of CSS for conditional processing of parts of style sheets, conditioned on capabilities of the processor or the document the style sheet is being applied to. The main extensions... are allowing nesting of certain at-rules inside ‘@media’, and the addition of the ‘@supports’ rule for conditional processing.

Module Level 3 [ CR ]

Multi-column Layout

This specification describes multi-column layouts in CSS. Content can be flowed into multiple columns with a gap and a rule between them.

Module Level 1 [ WD ]

Grid Layout: Subgrid

A grid item can itself be a grid container by giving it display: grid; in this case the layout of its contents will be independent of the layout of the grid it participates in.

In some cases it might be necessary for the contents of multiple grid items to align to each other.

Module Level 2 [ WD ]

Box Alignment

This module contains the features of CSS relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. This module adds some new alignment capabilities to the block layout model.

Module Level 3 [ WD ]

Scrollbars

CSS Scrollbars standardizes the ability to color scrollbars introduced in 2000 by Windows IE 5.5. This is useful when building web applications which use color schemes very different from the appearance of default platform scrollbars.

Module Level 1 [ FPWD ]

More Places to Poke