Vérification de la prise en charge des propriétés CSS

En CSS, il y a des propriétés assez anciennes qui sont prises en charge par tous les navigateurs, et il y a des propriétés nouvelles qui ne seront prises en charge que par les navigateurs les plus récents, et encore, loin de tous.

Lors de la création de maquettes, vous devez décider s'il est déjà possible d'utiliser telle ou telle propriété. Pour cela, il existe une règle spéciale : si la prise en charge d'une propriété est absente dans les navigateurs utilisés par moins d'un pourcent des utilisateurs, alors la propriété peut être utilisée.

Cependant, il y a des nuances. En effet, il y a des propriétés dont l'absence de prise en charge entraînera l'effondrement de la maquette du site, par exemple, les flexbox. Et il y a des propriétés dont le fonctionnement n'est pas très critique. Disons, des césures hyphens qui ne fonctionnent pas ne rendront pas le site bien pire.

Pour vérifier la prise en charge d'une propriété par les navigateurs, il faut utiliser le service caniuse.com. Il montre la prise en charge de la propriété par chaque version de tous les navigateurs, ainsi que le pourcentage d'utilisateurs qui utilise chacune des versions.

En ayant ces données, vous pouvez porter un jugement sur la possibilité d'utiliser déjà une certaine propriété. Également, certaines propriétés peuvent encore être sous des préfixes vendeurs dans certaines versions de navigateurs encore utilisées par des utilisateurs. Vous devez également y prêter attention.