← Back to at-rules

CSS At-rule

@supports

Feature Detection

Applies styles only if the browser supports a specific CSS property or value.

Syntax

@supports (property: value) { }

Example

@supports (display: grid) { .container { display: grid; } }

Common use cases

  • Progressive enhancement with modern CSS
  • Fallbacks for unsupported properties
  • Feature-gating grid or container queries

Practical developer insight

@supports is for CSS feature detection, not browser detection. Use it to enhance layouts progressively rather than duplicating entire stylesheets.

Related

@media@layer@container