This list is still a draft and should be handled as a work in progress. This list is based on the full list of CSS features that were discussed
Align
| Feature | Notes |
|---|---|
| align-content | |
| align-items | |
| align-self | |
| gap | |
| justify-content | |
| justify-items | |
| justify-self | |
| order | |
| place-content | |
| place-items | |
| place-self | |
| row-gap |
Animation
| Feature | Notes |
|---|---|
| Animate grid tracks | CSS feature |
| offset | |
| ray() | |
| transform-box | |
| will-change |
At-rules
| Feature | Notes |
|---|---|
| @forced-colors | |
| @media range-syntax | |
| @supports | |
| forced-color-adjust |
Blend Modes
| Feature | Notes |
|---|---|
| isolation |
Clipping, shapes & masking
| Feature | Notes |
|---|---|
| clip-path | |
| inset() | |
| polygon() | |
| circle() | |
| ellipse() | |
| mask-mode | |
| shape-image-threshold | |
| shape-margin | |
| shape-outside |
Containment
| Feature | Notes |
|---|---|
| contain |
Counters
| Feature | Notes |
|---|---|
| @counter-style | |
| counter-set | |
| fallback (@counter-style) | |
| suffix (@counter-style) | |
| symbols (@counter-style) | |
| symbols() | |
| system (@counter-style) |
Flex
| Feature | Notes |
|---|---|
| flex | |
| flex_value#fr | |
| flex-basis | |
| flex-direction | |
| flex-flow | |
| flex-grow | |
| flex-shrink | |
| flex-wrap |
Functions
| Feature | Notes |
|---|---|
| clamp() | |
| env() | |
| fit-content | |
| fit-content() | |
| max() | |
| min() | |
| minmax() | |
| repeat() | |
| var(), --* |
Backgrounds
| Feature | Notes |
|---|---|
| conic-gradient() |
Grid
Media
| Feature | Notes |
|---|---|
| aspect-ratio | |
| cross-fade() | |
| image-orientation | |
| image-resolution | |
| image-set() |
Logical Properties
Misc
| Feature | Notes |
|---|---|
| all | |
| caret | |
| caret-color | |
| caret-shape | |
| touch-action | |
| unset | |
| user-select | |
| revert |
| Feature | Notes |
|---|---|
| page-orientation (@page) | |
| print-color-adjust |
Pseudo-classes
| Feature | Notes |
|---|---|
| :current | |
| :defined | |
| :dir | |
| :focus-visible | |
| :focus-within | |
| :fullscreen | |
| :future | |
| :host-context() | |
| :host() | |
| :paused | |
| :playing | |
| :user-invalid | |
| :user-valid |
Pseudo-elements
| Feature | Notes |
|---|---|
| ::backdrop | |
| ::cue | |
| ::cue-region | |
| ::part | |
| ::slotted |
Relative units
| Feature | Notes |
|---|---|
| length#vb | |
| length#vh | |
| length#vi | |
| length#vmax | |
| length#vmin | |
| length#vw |
Scroll
Typography
Animation
| Feature | Notes |
|---|---|
| animation-composition | |
| offset-anchor | |
| offset-distance | |
| offset-path | |
| offset-position | |
| offset-rotate |
At-rules
| Feature | Notes |
|---|---|
| @custom-media | |
| @layer | |
| @scope | |
| @scope :scope | |
| @starting-style | |
| @supports selector() | |
| override-colors (@font-palette-values) | |
| syntax (@property) |
Cascade Layers
| Feature | Notes |
|---|---|
| layer() | |
| layer() (@import) | |
| revert-layer |
Colors & theming
Containment
Logical Properites
| Feature | Notes |
|---|---|
| inset | |
| inset-block | |
| inset-block-end | |
| inset-block-start | |
| inset-inline | |
| inset-inline-end | |
| inset-inline-start |
Math Functions
| Feature | Notes |
|---|---|
| abs() | |
| acos() | |
| asin() | |
| atan() | |
| atan2() | |
| cos() | |
| exp() | |
| hypot() | |
| log() | |
| mod() | |
| pow() | |
| rem() | |
| round() | |
| sin() | |
| sign() | |
| sqrt() | |
| tan() |
Misc
| Feature | Notes |
|---|---|
| Nesting |
Pseudo-classes
| Feature | Notes |
|---|---|
| :has() | |
| :is() | |
| :nth-child(An+B [of S]?) | |
| :picture-in-picture | |
| :popover-open | |
| :where() |
Pseudo-elements
| Feature | Notes |
|---|---|
| ::grammar-error | |
| ::marker | |
| ::spelling-error |
Relative Units
| Feature | Notes |
|---|---|
| Dynamic Viewport Units (dvh, lvh & svh) | |
| length#cap | |
| length#ex, length#rex | |
| length#ic, length#ric | |
| length#lh, length#rlh |
Scroll
| Feature | Notes |
|---|---|
| content-visibility | |
| overflow | clip value |
| overflow-clip-margin | |
| scrollbar-color | |
| scrollbar-gutter | |
| scrollbar-width |
Scroll-driven animations
Transition & Transforms
| Feature | Notes |
|---|---|
| overlay | |
| rotate | |
| scale | |
| transition-behavior | |
| translate |
Typography
| Feature | Notes |
|---|---|
| ascent-override (@font-face) | |
| descent-override (@font-face) | |
| font-size-adjust | |
| font-synthesis-position | |
| hyphenate-character | |
| hyphenate-limit-chars | |
| initial-letter | |
| initial-letter-align | |
| text-box-trim | |
| text-box-edge | |
| text-wrap | balance / pretty |
View transitions
| Feature | Notes |
|---|---|
| ::view-transition | |
| ::view-transition-group | |
| ::view-transition-image-pair | |
| ::view-transition-new | |
| ::view-transition-old | |
| @view-transition | |
| view-transition-class | |
| view-transition-name | |
| view-transition-type |
Align
| Feature | Notes |
|---|---|
| align-tracks | |
| justify-tracks |
Anchoring
| Feature | Notes |
|---|---|
| anchor() |
Aural CSS
| Feature | Notes |
|---|---|
| speak-as (@counter-style) |
Color
| Feature | Notes |
|---|---|
| contrast-color() |
Container Queries
| Feature | Notes |
|---|---|
| Style queries |
Grid
| Feature | Notes |
|---|---|
| masonry-auto-flow |
Pseudo-classes
| Feature | Notes |
|---|---|
| :modal | |
| :target-within | |
| :top-layer |
Pseudo-elements
| Feature | Notes |
|---|---|
| ::target-text |
Scroll
| Feature | Notes |
|---|---|
| target-text() |
Text Fragmentation
| Feature | Notes |
|---|---|
| orphans |
Typography
| Feature | Notes |
|---|---|
| line-clamp | Currently -webkit-line-clamp |
| line-height-step | |
| margin-trim | |
| text-size-adjust | |
| white-space-collapse | |
| white-space-trim |
Units
| Feature | Notes |
|---|---|
| frequency#Hz |