[2] CSS のキーワード 'currentColor'
は、
その要素の色 ('color'
特性の値) を表します。
[6] 'currentColor'
は、 'color'
特性の値を表します
>>1。
'color'
における扱い[8] 'color: currentColor'
は 'color: inherit'
として扱います >>1。
[9] PR 直前の WD http://www.w3.org/TR/2008/WD-css3-color-20080721/#currentColor-def までは 構文解析の時点で置き換えられると明記されていましたが、なぜか次の PR http://www.w3.org/TR/2010/PR-css3-color-20101028/#currentColor-def では削られています。
[23] Re: [css3-color] currentColor parsing issues (L. David Baron 著, 版) http://lists.w3.org/Archives/Public/www-style/2008Jul/0540.html
これによると、 CSSOM には 'currentColor'
のまま現れるべきであり構文解析時に置き換えるというのは正しくないようです。
canvas
での扱い[26] CanvasRenderingContext2D
では、
canvas
要素がレンダリングされているなら、色が指定された時点 (使われる時点ではなく。)
における canvas
要素の 'color'
特性の算出値を表します。 >>25[29] CanvasGradient
の addColorStop
では、
完全不透明黒を表します。 >>25
SVG
での扱い[3] CSS1 と CSS2 では 'border-color'
特性の初期値を
「'color'
特性値」と文章で説明していました。 >>1
[4] SVG 1.0 で 'fill'
, 'stroke'
,
'stop-color'
, 'flood-color'
,
'lighting-color'
で使える値として 'currentColor'
が導入されました。 >>1
[5] CSS3 で 'currentColor'
は <color>
が使える場所すべてで使えるように拡張されました。 >>1
[22]
2003年の CSS 3 色モジュール CR によれば
currentColor
が color
に指定されたら構文解析の時点で inherit
に置き換えなければなりませんが、 Firefox 2
はそれをせず、なぜか黒色
(初期値?) でレンダリングします。
background-color
など他の特性では正常なようです。
[24] SVG 由来のため、 CSS なのに camelCase になっているようです。
[30] [css-color] currentColor, inheritance, bikeshedding ( (fantasai 著, 版)) http://lists.w3.org/Archives/Public/www-style/2014Aug/0263.html
[10] Revert behavior change of 2D context "currentColor" keyword (junov著, ) https://github.com/whatwg/html/commit/c836c70ccff790f82b8a22f3f1897b3bcdcbd870
[11] Clarify the definition of addColorStop() (Ms2ger著, ) https://github.com/whatwg/html/commit/cc508ebd8427dd561ed2dc3d5d9a45a967fccf71
[12] Clarify the definition of addColorStop by Ms2ger · Pull Request #3308 · whatwg/html () https://github.com/whatwg/html/pull/3308
[13] Editorial: align currentcolor with CSS (annevk著, ) https://github.com/whatwg/html/commit/41dac2fd1720525c1bcc90395ecb577cb6473bb3
[14] Editorial: align currentcolor with CSS by annevk · Pull Request #3496 · whatwg/html () https://github.com/whatwg/html/pull/3496