Ervin Santos
Ervin Santos
Full Stack Web Developer Freelancer
Ervin Santos

Blog

Prefijos CSS

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.

Agregar comentario