Prefijos en css

Los fabricantes de navegadores constantemente están desarrollando e implementando funcionalidades que forman parte de los estándares web o que encuentran de utilidad y creen que formarán parte de estos estándares en un futuro.

En este segundo caso implementan la funcionalidad, pero estableciendo a la propiedad un prefijo para remarcar su carácter no "estándar oficial" (hasta puede estar en nivel "recomandación" del estándar) y por indicar que posibles futuras adaptaciones podrían cambiar (un poco) su conducta. 

Así podemos encontrar los prefijos:
  • -webkit-  Para los navegadores basados en webkit (Chrome, Konqueror, Safari, en breve Ópera y otros)
  • -o- Para Ópera hasta la fecha
  • -ms- Internet Explorer
  • -moz-  Navegadores basados en Gecko (Firefox y otros)

y su uso se realiza mediante la sintaxis: -prefijo-propiedad

Así podemos encontrar:

.micapa{
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}

En el uso de prefijos css, se debe tener en cuenta que:

- Se debería indicar la propiedad genérica sin prefijo para el caso en que que el navegador no esté entre los que tienen prefijo especificado, este tenga posibilidad de interpretar el estilo.

- Además, se recomienda que la última de las propiedades sea la que cumplirá el estándar y que interpretarán todos los navegadores ya que es mucho mejor siempre usar la opción definida como estándar que una versión propia del navegador que puede tener deficiencias o funcionalidades extras.

- El uso de estos prefijos no es estándar y provocará errores en los validadores de código css, cosa a tener en cuenta para disponer de un código limpio y por lo que debería haber un mantenimiento de las hojas de estilo, eliminando estas entradas una vez se hayan estandarizado e implementado en su versión no-específica.

Así que, como todo, tiene pros y contras que se deben valorar antes de realizar una implementación con este tipo de propiedades.




No hay comentarios :