CSS
Support du navigateur et préfixes
Recherche…
Paramètres
| Préfixe | Navigateur (s) |
|---|---|
-webkit- | Google Chrome, Safari, nouvelles versions d'Opera 12 et plus, navigateurs Android, Blackberry et UC |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera jusqu'à la version 12 |
-khtml- | Konquerer |
Remarques
Les préfixes de fournisseur sont utilisés pour permettre la prise en charge de la prévisualisation de nouvelles fonctionnalités CSS dont la fonctionnalité n'est pas encore recommandée par la spécification.
Il est recommandé de ne pas utiliser les préfixes de fournisseur dans les environnements de production. Ces préfixes existent pour tester de nouvelles fonctionnalités qui ne sont pas encore finalisées et le comportement est intrinsèquement inattendu. Il suffit en utilisant des préfixes ne confère pas de navigateur pour le soutien des navigateurs anciens que vous ne pouvez pas garantir la fonctionnalité n'a pas changé au fil du temps pour effectuer différemment, et il pourrait encore être cassé dans les anciens navigateurs vous prétendez soutenir.
Si la prise en charge d'anciens navigateurs est importante, vous devriez plutôt envisager d'utiliser JavaScript ou d'autres solutions pour imiter les effets et garantir véritablement la prise en charge des anciens navigateurs.
Les navigateurs utiliseront leurs préfixes et ignoreront les propriétés qu'ils ne comprennent pas.
REMARQUE : Les préfixes doivent toujours apparaître avant la syntaxe officielle non préfixée. Sinon, ils seraient remplacés par les propriétés préfixées, ce qui peut être une autre implémentation à la fin.
Si un navigateur prend en charge à la fois une version non préfixée et une version préfixée d'une propriété, la propriété la plus récente à déclarer est prioritaire.
Transitions
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Transformer
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}