-webkit-text-fill-color
とcolor
の違いを理解しようとしていますか?機能的な違いはありますか?私が知る限り、それらはまったく同じです。一方でできること、もう一方でできないことはありますか?
WebKitブログ から:
_
text-fill-color
_ –このプロパティを使用すると、テキストの塗りつぶし色を指定できます。設定されていない場合は、color
プロパティを使用して入力が行われます。
つまり、同じですが、2つの値が異なる場合、_-webkit-text-fill-color
_はcolor
より優先されます。
これの理由は、_-webkit-text-stroke
_を使用するときに必要に応じて別の色を選択できることですが、_-webkit-text-stroke
_が使用できない場合はcolor
に正常にフォールバックします(したがって_-webkit-text-fill-color
_はどちらでもありません)。そうしないと、テキストが読めなくなる場合があります。
-webkit-text-fill-color
をtransparent
に設定すると、水平方向のグラデーションを設定するなど、テキストに対して非常に興味深いことができます。このレインボーテキストの例を確認してください: http://jsfiddle.net/DoubleYo/qGfzm/