2012-02-15 12 views

Respuesta

19

Desde el WebKit blog:

text-fill-color - Esta propiedad le permite especificar un color de relleno para el texto. Si no está configurado, se usará la propiedad color para completar el relleno.

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

creo que la razón de esto es que se puede elegir un color diferente si lo desea al usar -webkit-text-stroke, pero con gracia va a caer de nuevo a color si -webkit-text-stroke no está disponible (y por lo tanto no es -webkit-text-fill-color tampoco). Puede haber casos en los que de lo contrario terminaría con texto ilegible.

+2

Para agregar su respuesta: '-webkit-text-fill-color' permite orientar solo navegadores basados ​​en Webkit, mientras que' color' se puede usar para apuntar al resto. – fayerth

+1

Verdadero, '-webkit-text-fill-color' es específico de Webkit. Además, la propiedad de color se extiende a las fronteras. Si asigna un borde a un elemento con una propiedad 'color' y no especifica el color del borde, el borde se establecerá de forma predeterminada en la propiedad' color'. – dangerChihuahua007

+1

Por supuesto, es específico para webkit, eso no era realmente lo que se estaba preguntando, ya que eventualmente 'text-fill-color' podría ser agregado por todos los demás navegadores. Estaba tratando de obtener la razón de lo que usaría, o cómo beneficiaría a alguien cuando hace lo mismo que otra propiedad. La lógica de Andrew parece tener sentido. –

19

-webkit-text-fill-color puede configurarse en transparent, lo que le permite hacer cosas realmente interesantes en el texto, como establecer un gradiente horizontal. Vea este ejemplo de texto arcoiris: http://jsfiddle.net/DoubleYo/qGfzm/

+0

Eso es increíble. –

+2

Esto todavía funciona cuando cambia '-webkit-text-fill-color' a 'color'. –

+2

+1 para el ejemplo. "¿Qué significa eso?" :) –