2012-02-15 18 views

Odpowiedz

19

Z WebKit blog:

text-fill-color - Ta właściwość pozwala określić kolor wypełnienia dla tekstu. Jeśli nie zostanie ustawiony, do wypełnienia zostanie użyta właściwość color.

Więc tak, że są takie same, ale -webkit-text-fill-color weźmie górę nad color jeżeli obie mają różne wartości.

myślę Uzasadnieniem jest to, że można wybrać inny kolor, jeśli chcesz przy użyciu -webkit-text-stroke, ale będzie to z wdziękiem spaść z powrotem do color jeśli -webkit-text-stroke nie jest dostępny (a zatem nie jest albo -webkit-text-fill-color). Mogą istnieć przypadki, w których w przeciwnym razie skończyłoby się nieczytelnym tekstem.

+2

Aby dodać swoją odpowiedź: '-webkit-text-fill-color' pozwala na kierowanie tylko przeglądarek opartych na Webkit, podczas gdy' color' może być użyty do celowania w resztę. – fayerth

+1

Prawda, '-webkit-text-fill-color' jest specyficzny dla Webkita. Co więcej, właściwość kolorów rozciąga się na granice. Jeśli przypiszesz obramowanie do elementu z właściwością 'color' i nie określisz koloru obramowania, ramka będzie domyślnie ustawiona na właściwość' color'. – dangerChihuahua007

+1

Oczywiście jest to specyficzne dla webkita, to nie było to, o co pytano - ponieważ ostatecznie "text-fill-color" może zostać dodany przez wszystkie inne przeglądarki. Bardziej próbowałem znaleźć uzasadnienie tego, do czego go użyjesz, lub jak przyniesie to korzyść komuś, gdy robi to samo, co inna nieruchomość. Argumenty Andrew wydają się mieć sens. –

19

-webkit-text-fill-color można ustawić na transparent, co pozwala wykonywać naprawdę ciekawe rzeczy na tekście, np. Ustawiając poziomy gradient. Sprawdź ten przykład z tekstem tęczy: http://jsfiddle.net/DoubleYo/qGfzm/

+0

To jest niesamowite. –

+2

To nadal działa, gdy zmienisz "-webkit-text-fill-color" na "color". –

+2

+1 dla przykładu. "Co to znaczy?" :) –