CSS & Web Platform Support Chart

What is the CSS Support Chart?

A chart of browser support for popular CSS, HTML, and web platform features in evergreen browsers. Keep track of which features are ready to use when targeting Firefox, Safari, Chrome, and Edge. Categories: full support (ready across the board), good support (mostly ready, some gaps), poor support (experimental or limited). Refer to Can I Use for detailed support. Submit suggestions to add or reclassify features as browser support evolves.

What the Chart Covers

Three support categories for evergreen browsers.

Full Support

Features fully supported across all evergreen browsers. Flexbox, Grid, gap, aspect-ratio, clamp, CSS variables, and more.

Good Support

Features mostly supported. Some partial or no support in certain browsers. WebP, clip-path, backdrop-filter, etc.

Poor Support

Experimental or poorly supported. AVIF, Houdini, Subgrid, Container Queries. Reference for caution.

Can I Use

Links to Can I Use for detailed per-feature, per-browser support.

Suggestions

Form to suggest features to add or reclassify as support changes.

Evergreen Focus

Targets modern evergreen browsers. Not legacy IE.

How To Use the Support Chart

Reference the chart in three ways.

Check Full Support

Features in full support are safe to use. Flexbox, Grid, gap, clamp, etc.

Review Good Support

Features with partial support. Plan fallbacks or progressive enhancement.

Caution Poor Support

Experimental features. Use with fallbacks or avoid for production.

Tips for Using the Chart

Get the most out of the reference.

Can I Use

For per-browser, per-version details, check Can I Use.

Evergreen

Chart assumes evergreen browsers. Legacy IE not covered.

Suggestions

Support changes. Submit updates if you notice reclassification needs.

Great For Developers

Who benefits from the support chart?

Frontend Developers

Decide which CSS features to use.

Designers

Know what is safe for layouts, effects.

Teams

Shared reference. Align on browser targets.

Learning

See what modern CSS is ready for production.

Why Use a Support Chart?

Quick reference for feature readiness.

Quick Scan

Full vs good vs poor at a glance.

Evergreen Focus

Modern browsers. No legacy clutter.

Updated

Reflects current support. Suggestions welcomed.

Free

Open reference. No account required.

Technical Details

About the chart.

Browsers

Firefox, Safari, Chrome, Edge. Latest evergreen versions.

Categories

Full support, good support, poor support.

Reference

Can I Use for detailed support data.

Frequently Asked Questions

Have questions? We have answers.