support fit content css colors webkit fill

fit - support css



¿Diferencia entre “-webkit-text-fill-color” y “color”? (2)

Estoy tratando de entender la diferencia entre -webkit-text-fill-color y simplemente color ? ¿Hay alguna diferencia funcional? Por lo que puedo decir, son exactamente iguales. ¿Hay algo que puedas hacer con uno pero no con el otro?


Desde el blog de WebKit :

text-fill-color : esta propiedad le permite especificar un color de relleno para el texto. Si no se establece, la propiedad de color se utilizará para realizar el relleno.

Así que sí, son iguales, pero -webkit-text-fill-color tendrá prioridad sobre el color si los dos tienen valores diferentes.

Creo que la razón para esto es que puedes elegir un color diferente si lo deseas al usar -webkit-text-stroke , pero volverá a color -webkit-text-stroke si -webkit-text-stroke no está disponible (y por lo tanto -webkit-text-fill-color tampoco es). Puede haber casos en los que de lo contrario terminarías con texto ilegible.


-webkit-text-fill-color se puede establecer en transparent que le permite hacer algunas cosas realmente interesantes en el texto, como establecer un degradado horizontal. Echa un vistazo a este ejemplo de texto de arco iris: http://jsfiddle.net/DoubleYo/qGfzm/