web-dev-qa-db-ja.com

「-webkit-text-fill-color」と「color」の違いは何ですか?

-webkit-text-fill-colorcolorの違いを理解しようとしていますか?機能的な違いはありますか?私が知る限り、それらはまったく同じです。一方でできること、もう一方でできないことはありますか?

24
android.nick

WebKitブログ から:

_text-fill-color_ –このプロパティを使用すると、テキストの塗りつぶし色を指定できます。設定されていない場合は、colorプロパティを使用して入力が行われます。

つまり、同じですが、2つの値が異なる場合、_-webkit-text-fill-color_はcolorより優先されます。

これの理由は、_-webkit-text-stroke_を使用するときに必要に応じて別の色を選択できることですが、_-webkit-text-stroke_が使用できない場合はcolorに正常にフォールバックします(したがって_-webkit-text-fill-color_はどちらでもありません)。そうしないと、テキストが読めなくなる場合があります。

29
Andrew Marshall

-webkit-text-fill-colortransparentに設定すると、水平方向のグラデーションを設定するなど、テキストに対して非常に興味深いことができます。このレインボーテキストの例を確認してください: http://jsfiddle.net/DoubleYo/qGfzm/

24