Prefijos de vendedores en CSS
En el pasado, se dio la siguiente situación entre los navegadores: antes de que una propiedad CSS apareciera en la especificación, los navegadores implementaban una versión de prueba de esta propiedad con un prefijo especial, llamado prefijo de vendedor.
Veamos cómo se ve esto usando el ejemplo de la propiedad
box-sizing:
p {
box-sizing: border-box;
}
Esta propiedad comenzó a ser compatible solo
a partir de Firefox29, sin embargo, ya desde la versión Firefox2
estaba disponible con el prefijo -moz:
p {
-moz-box-sizing: border-box;
}
Otros navegadores tenían prefijos similares:
-moz - Mozilla Firefox, -webkit
- navegadores basados en los motores Webkit y Blink, -o
- Opera con el motor Presto, -ms - IE.
Por lo tanto, la variante más compatible entre navegadores
de la propiedad box-sizing, utilizando
prefijos de vendedores, tenía aproximadamente
la siguiente forma:
p {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
Actualmente, los navegadores han decidido abandonar los prefijos debido a su inconveniencia. Y ahora en su lugar utilizan los llamados flags. Las propiedades ahora se implementan en el navegador, pero están desactivadas por defecto; sin embargo, se pueden activar en la configuración del navegador, marcando la casilla correspondiente en la configuración. Esto se hace para que los desarrolladores tengan la oportunidad de experimentar con la nueva propiedad antes de su aparición oficial.
