[CSS] Préfixe des propriétés CSS3 des différents navigateurs

Les nouvelles propriétés CSS3 mettent du temps à être normalisées, c'est donc pour cela que le W3C recommande aux navigateurs web d'utiliser des propriétés "propriétaires" leur permettant d'ajouter les nouvelles fonctionnalités du CSS3 mais aussi de faire des essais en situation réelle avant l'implémentation des propriétés finales.

Elles se distinguent par un préfixe propre à chaque navigateur :

  • -moz- Mozilla
  • -webkit- Chrome, Safari, Android...
  • -khtml- Konqueror
  • -o- Opera
  • -ms- Internet Explorer

Ce qui donnera, par exemple, pour la propriété border-radius :

.ma-class{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px; /* Propriété finale */
}

© Johnstyle 2017 • All rights reserved.