Prefijos CSS

<< Pruebas en el navegador

Cuando una propiedad a aplicar está en modo borrador o pueden variar en la especificación definitiva, algunos navegadores implementan una serie de vendor prefixes, que facilitan la segmentanción de funcionalidades.

De esta forma, podemos utilizar prefijos para asegurarnos que aunque las funcionalidades tengan un comportamiento o sintaxis diferente en cada navegador, podemos indicar el valor para cada uno de ellos por separado:

div{
     transform: …;   /* Navegadores que implementan especificación oficial */
     -webkit-transform: …;   /* Versiones antiguas de Chrome (Motor Webkit) */
     -moz-transform: …;   /* Versiones antiguas de Firefox (Motor Gecko) */
     -ms-transform: …;   /* Versiones antiguas de IE (Motor Trident) */
     -o-transform: …;   /* Versiones antiguas de Opera (Motor Presto) */
}

En el ejemplo anterior, vemos cómo aplicar la propiedad transform dependiendo del navegador que sea. Si queremos las funcionalidades que hay implementadas en cada navegador, podemos utilizar la web: Can I Use, que te permite saber el estado actual, previo e incluso futuro de las propiedades CSS o elementos HTML en cada navegador.

<< Pruebas en el navegador