Próbuję zrozumieć różnicę między -webkit-text-fill-color
i po prostu color
? Czy jest jakaś różnica funkcjonalna? O ile wiem, są dokładnie takie same ... Czy jest coś, co możesz zrobić z jednym, ale nie z drugim?Różnica między "-webkit-text-fill-color" a "color"?
Odpowiedz
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.
-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/
To jest niesamowite. –
To nadal działa, gdy zmienisz "-webkit-text-fill-color" na "color". –
+1 dla przykładu. "Co to znaczy?" :) –
- 1. Różnica między obiektem a *?
- 2. Różnica między jquery a $
- 3. Różnica między kolorem a kolorem w `.vimrc`
- 4. Jaka jest różnica między Row a RowLayout?
- 5. DrawableCompat.setTint (drawable, color) vs Drawable.setColorFilter (color, mode)
- 6. Jaka jest różnica między xterm-color i xterm-256color?
- 7. Różnica między String [] a i String ... a
- 8. Różnica między bip pid a $$
- 9. Różnica między kodowaniem a sortowaniem?
- 10. Różnica między onbeforeunload a onunload
- 11. Różnica między OpenCV a OpenCL
- 12. Różnica między wysokością a tłumaczeniemZ
- 13. Różnica między ApplicationInfo a PackageInfo?
- 14. Różnica między CMAKE_PROJECT_NAME a PROJECT_NAME?
- 15. Różnica między autoconf a autoreconf
- 16. Różnica między transakcją a transakcjąScope
- 17. Różnica między File.Copy a File.Move
- 18. Różnica między _declspec a __declspec?
- 19. Różnica między repozytorium a usługą?
- 20. Różnica między CCNode a CCLayer?
- 21. różnica między * y ++ a ++ * y?
- 22. Różnica między IPFS a Filecoin?
- 23. Różnica między systemem a shell_exec
- 24. Różnica między Redis a kafka
- 25. Różnica między dodawaniem a dodawaniem
- 26. Różnica między DisplayFor a ValueFor
- 27. Różnica między @EntityScan a @ComponentScan
- 28. Różnica między DataSource a DataSet
- 29. Różnica między LIST_HEAD_INIT a INIT_LIST_HEAD
- 30. Różnica między GetHostEntry a GetHostByName?
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
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
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. –