Prefijos CSS
¿Qué son los prefijos CSS?
Los prefijos son fragmentos de código agregado a las propiedades CSS que no están estandarizadas (betas o experimentales).
Esto provoca a los desarrolladores de estas nuevas propiedades a agregar prefijos para cada navegador, permitiendo que otros programadores las utilicen.
Los principales prefijos css: -webkit-, -moz-, -o-, -ms- se anteponen al nombre de la propiedad del estilo para que el navegador web reconozca esa determinada característica. Se aplican normalmente a estilos css3 en experimentación que aún no forman parte de una especificación o estándar.
Los principales (hay muchos más) prefijos son:
Prefijo | Organización |
---|---|
-ms- | Microsoft (Internet Explorer) |
-moz- | Mozilla (Firefox… ver todos) |
-webkit- | Apple (Chrome, Safari.. ver todos) |
-o- | Opera |
Ejemplo de uso:
-webkit-transition: all 0.3s ease-out; /* Safari3.2+, Chrome */
-moz-transition: all 0.3s ease-out; /* FF4+ */
-ms-transition: all 0.3s ease-out; /* IE10? */
-o-transition: all 0.3s ease-out; /* Opera 10.5+ */
transition: all 0.3s ease-out;
- Se crea un selector de acuerdo al nombre de una clase HTML.
- En las propiedades del selector se agregan los prefijos, únicamente a propiedad que lo requiera.
Agregar los 4 prefijos mas utilizados y una sin prefijo para que puedan ser reconocidos por los navegadores.
No todas las propiedades de CSS las utilizan, si tienes duda de si una propiedad la utiliza o no puedes consultar el sitio web caniuse.
Caniuse te muestra el porcentaje de compatibilidad de las propiedades CSS con los navegadores web de equipos de cómputo y móviles.