2012-02-15 11 views

答えて

19

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

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

(どちらかではないので、-webkit-text-fill-color)私は、このための理論的根拠は-webkit-text-strokeを使用しているとき、あなたがしたい場合は、別の色を選ぶことができるということであると思うが、-webkit-text-strokeが利用できない場合、それは優雅に戻っcolorに分類されます。それ以外の場合は、判読不能なテキストが表示されることがあります。

+2

答えを追加するには: '-webkit-text-fill-color'はWebkitベースのブラウザのみを対象とし、' color'は残りのものを対象とすることができます。 – fayerth

+1

真、 '-webkit-text-fill-color'はWebkitに固有のものです。さらに、colorプロパティは境界線まで拡張されています。 'color'プロパティを持つ要素にボーダーを割り当て、ボーダーカラーを指定しない場合、ボーダーはデフォルトで' color'プロパティーになります。 – dangerChihuahua007

+1

もちろん、Webkit固有のものです。実際には尋ねられていたものではありません。結局、他のすべてのブラウザで 'text-fill-color'が追加される可能性があるからです。私はあなたのために使うものの理論的根拠を得るためにもっと努力していました。あるいは、それが別の財産と同じことをするときに、どのように恩恵を受けるかです。アンドリューの理論的根拠は理にかなっているようです。 –

19

-webkit-text-fill-colorは、水平勾配の設定のように、テキスト上でいくつかの本当に面白いことを行うことができるtransparentに設定することができます。この虹のテキストの例を確認してください:http://jsfiddle.net/DoubleYo/qGfzm/

+0

それは素晴らしいです。 –

+2

これは '-webkit-text-fill-color'を 'color'に変更しても機能します。例の場合は –

+2

+1です。 "どういう意味ですか?" :) –