@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: