Détecter le support des fonctionnalités avec @supports
▻http://www.alsacreations.com/article/lire/1617-detecter-support-fonctionnalites-avec-supports.html
La règle @supports, également nommée “règle conditionnelle”, permet de détecter la reconnaissance de certaines propriétés CSS au sein du navigateur.
Introduite au sein des spécifications dans le module des CSS conditionnelles, au même titre que les Media Queries, la règle @supports se rapproche de ce que peut nous offrir un outil tel que Modernizr, à savoir détecter le support ou non d’une fonctionnalité CSS chez votre visiteur afin de prévoir une alternative au besoin.
Compatibilité
Au statut de “Candidate recommendation”, @supports est actuellement compatible sur les navigateurs suivants, selon Can I Use :
Navigateurs Versions Détails
Firefox 22+ Firefox Mobile 28+
Supporté depuis Firefox 17 en activant une preference du navigateur (...)