1262 features · 89 specifications · 763 live examples · 196 modern features
Every CSS feature,
alive.
See each property, selector, at-rule, function and type render, edit its code, and read what the specification says about it. Every definition is quoted from the W3C CSS specifications and MDN, nothing is paraphrased.
/
Sources synced: webref 8.7.8, MDN of 2026-11-05, web-features 3.45.0.
The wow part
Modern CSS
196 features that reached Baseline, or shipped in a browser engine, in 2023 or later: container queries,
:has(), anchor positioning, view transitions, scroll-driven animations, @scope, if() and more.
Each one runs live, in your browser.
- Newly available · Oct 2026 Scroll-driven animations The
animation-timeline,scroll-timeline, andview-timelineCSS properties advance animations based on the user's scroll position. Demo written for this site · Scrolling - Cutting edge · Oct 2026 random() The
random()CSS function chooses a random numeric value within a specified range. This allows for dynamic, randomized styling using CSS. Demo written for this site · CSS - Cutting edge · Sep 2026 Anchor positioning Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references. Demo written for this site · Anchor positioning
- Cutting edge · Sep 2026 Customizable <select> The
<select>element's appearance, including the button, selected option, picker dropdown, and options, can be customized using CSS. Demo written for this site · Forms - Newly available · Sep 2026 progress() The
progress()CSS function returns a ratio for the relative position of one value between two other values, clamped between 0 and 1. You can use it to interpolate a value for other calculations. Demo written for this site · CSS - Newly available · Aug 2026 sibling-count() and sibling-index() The
sibling-count()andsibling-index()CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of acalc()expression. Demo written for this site · CSS - Cutting edge · Aug 2026 text-box The
text-boxCSS property sets the spacing above and below text based on a font's typographic features. For example,text-box: trim-both ex alphabetictrims the top to the top of the letter x and the bottom to the bottom of most letters, without descenders. Demo written for this site · Text - Newly available · Jun 2026 field-sizing The
field-sizingCSS property allows form controls such as<textarea>to be sized based on their content. Demo written for this site · CSS - Newly available · May 2026 Container style queries Container style queries with the
@containerat-rule apply styles to an element based on the values of custom properties of its container. Demo written for this site · Container queries - Newly available · May 2026 :open The
:openCSS pseudo-class matches elements that have open states, like<details>,<dialog>, or<select>, based on their state. Demo written for this site · Selectors - Newly available · Apr 2026 contrast-color() The
contrast-color()CSS function picks a color that has guaranteed contrast against a specified foreground or background color. Demo written for this site · Color types - Newly available · Mar 2026 @scope The
@scopeCSS at-rule sets the scope for a group of rules. Demo written for this site · CSS
Browse by kind, A to Z
Browse by specification
The 89 CSS modules the W3C publishes, each with every feature it defines, in the state webref last read it.
- Working Draft CSS Anchor Positioning 13 features
- Editor's Draft Animation Triggers 27 features
- Working Draft CSS Animations 14 features
- First Public Working Draft CSS Backgrounds and Borders 18 features
- Working Draft CSS Basic User Interface 25 features
- Working Draft CSS Borders and Box Decorations Module 124 features
- Working Draft CSS Box Alignment 14 features
- Working Draft CSS Box Model Module 11 features
- Working Draft CSS Box Sizing 25 features
- Candidate Recommendation Snapshot CSS Cascading and Inheritance 4 features
- Recommendation Cascading Style Sheets 13 features
- Candidate Recommendation Draft CSS Color 28 features
- Candidate Recommendation Snapshot CSS Color Adjustment 4 features
- Working Draft CSS Color HDR Module 6 features
- Editor's Draft Compatibility 69 features
- Editor's Draft Compositing and Blending 4 features
- Working Draft CSS Conditional Rules 11 features
- Working Draft CSS Containment 2 features
- Candidate Recommendation Snapshot CSS Counter Styles 2 features
- Editor's Draft CSS Custom Properties for Cascading Variables 1 feature
- Working Draft CSS Display 11 features
- First Public Working Draft CSS Easing Functions 4 features
- First Public Working Draft CSS Environment Variables Module 1 feature
- Working Draft CSS Exclusions 2 features
- Editor's Draft CSS Extensions 1 feature
- First Public Working Draft CSS Fill and Stroke 26 features
- Editor's Draft Filter Effects 18 features
- Editor's Draft CSS Flexible Box Layout 8 features
- Working Draft CSS Fonts 40 features
- First Public Working Draft CSS Form Control Styling 25 features
- First Public Working Draft CSS Fragmentation 7 features
- First Public Working Draft CSS Functions and Mixins Module 7 features
- Working Draft CSS Gaps 49 features
- Working Draft CSS Generated Content 12 features
- Editor's Draft CSS Generated Content for Paged Media 9 features
- Working Draft CSS Grid Layout 19 features
- First Public Working Draft CSS Image Animation Module 2 features
- Candidate Recommendation Draft CSS Images 20 features
- Working Draft CSS Inline Layout 15 features
- Working Draft CSS Line Grid 3 features
- First Public Working Draft CSS Linked Parameters Module 2 features
- Working Draft CSS Lists 11 features
- Working Draft CSS Logical Properties and Values 12 features
- Candidate Recommendation Draft CSS Masking 20 features
- Candidate Recommendation Snapshot MathML Core 3 features
- Working Draft Media Queries 1 feature
- Editor's Draft CSS Mobile Text Size Adjustment 1 feature
- Working Draft Motion Path 7 features
- First Public Working Draft CSS Multi-column Layout 7 features
- Recommendation CSS Namespaces 1 feature
- Editor's Draft CSS Navigation Matching 5 features
- Working Draft CSS Nesting Module 1 feature
- Working Draft CSS Overflow 35 features
- First Public Working Draft CSS Overscroll Behavior 5 features
- First Public Working Draft CSS Page Floats 7 features
- Working Draft CSS Paged Media 18 features
- Candidate Recommendation Draft CSS Painting API 1 feature
- Editor's Draft Pointer-driven Animations 5 features
- Working Draft CSS Positioned Layout 14 features
- Working Draft CSS Properties and Values API 1 feature
- Working Draft CSS Pseudo-Elements Module 13 features
- Working Draft CSS Regions 3 features
- Working Draft CSS Rhythmic Sizing 6 features
- Working Draft CSS Round Display 1 feature
- Working Draft CSS Ruby Annotation Layout 4 features
- Candidate Recommendation Snapshot Scalable Vector Graphics (SVG) 24 features
- Working Draft CSS Scroll Anchoring 1 feature
- First Public Working Draft CSS Scroll Snap 31 features
- Working Draft Scroll-driven Animations 15 features
- Candidate Recommendation Snapshot CSS Scrollbars 2 features
- Working Draft Selectors 75 features
- Editor's Draft CSS Shadow 5 features
- Candidate Recommendation Draft CSS Shapes 14 features
- Working Draft CSS Spatial Navigation 3 features
- Candidate Recommendation Draft CSS Speech 19 features
- First Public Working Draft SVG Strokes 3 features
- Candidate Recommendation Draft CSS Syntax 2 features
- Working Draft CSS Table 5 features
- Working Draft CSS Text 36 features
- Working Draft CSS Text Decoration 19 features
- Working Draft CSS Transforms 32 features
- Working Draft CSS Transitions 7 features
- Working Draft CSS Values and Units 67 features
- Working Draft CSS View Transitions Module 13 features
- First Public Working Draft CSS Viewport Module 1 feature
- Candidate Recommendation Draft WebVTT: The Web Video Text Tracks Format 2 features
- Working Draft WebXR DOM Overlays Module 1 feature
- Candidate Recommendation Draft CSS Will Change 1 feature
- Candidate Recommendation Snapshot CSS Writing Modes 6 features