@supports

Term side of the Card
Topic: Directives
Unit title: @supports
Categories: Directive
Explanation side of the Card

Explanation: The directive that allows applying styles only if a browser supports a particular CSS feature. This helps create fallback styles or alternative designs for browsers that don't support newer CSS properties, ensuring better compatibility and user experience.

Browser compatibility:
  • The chrome browser supports this feature starting from version 28
  • The edge browser supports this feature starting from version 12
  • The firefox browser supports this feature starting from version 22
  • The safari browser supports this feature starting from version 9
Availability: