値の導出

[13] CSS の特性値の指定は、必ずしもすべての要素のすべての特性に対して明示的に与えられるわけではありません。むしろほとんどすべての場合、指定されるのは一部の要素の一部の特性に対してのみです。 CSS ではレンダリングされる文書木上のすべての要素はすべての特性の値を持つことになっていますが、それらの値の導出は次に示す指定値、算出値、使用値、実際値という概念によって規定されています。

[1] 指定値

[18] はじめに次の手順で各特性の指定値specified valueを決定します。

段階付けにより結果が得られれば、それを指定値とします。 (優先度最大)
特性が継承し、その要素が根要素でなければ、親要素の算出値を指定値とします。
特性の初期値を使います。 (優先度最小)

[19] この過程はレンダリングと独立に行えます。

[2] 算出値

[20] 次に指定値から算出値computed valueを得ます。この過程で相対値は絶対値に解決されます。

[24] この過程はレンダリングと独立に行えます。

[25] 算出値はその特性がその要素に適用されない場合も存在します。

[26] URI の算出値は絶対URI に解決したものです。解決できない時は指定値のままとします。
[27] 単位が em や ex の値は画素か絶対長を単位に変換します。
[28] 指定値が inherit なら、親要素の算出値を算出値とします。ただし根要素では初期値を算出値とします。
[30] WinIE の expression() はこの段階で評価されているものと推測されます。
[29] その他算出値に関しては各特性の項を参照してください。

[22] CSS2 では算出値に相当する概念がありませんでしたが、 CSS 2.1 で算出値と使用値が分離されました。

特殊なケース

[41] 一部の要素・特性については特別な規定があります。

[39] noscript 要素は、スクリプト処理が有効な時、常に 'display: none' を算出値とすることが期待されます >>40。
[43] HTML文書の form 要素は、 table, thead, tbody, tfoot, tr の子供である時、常に 'display: none' を算出値とすることが期待されます >>40。
[44] 利用者インターフェイスを晒す以外の audio 要素は、常に 'display: none' を算出値とすることが期待されます >>40。

`currentStyle`

[7] WinIE の currentStyle 属性の CSSStyleDeclaration 物体から得られる値は、指定値や算出値に近い何かです。

[3] 使用値

[8] 算出値を基に、実際のレンダリングに必要な計算を行ったのが使用値used valueです。例えば幅の百分率値を実際に使用する値に変換したものです。

[21] CSS2 では算出値と呼ばれていましたが、 CSS 2.1 で使用値に改められました。

[9] DOM2 の getComputedStyle メソッドにより返される CSSStyleDeclaration 物体から得られる値は、使用値です。現実の Webブラウザーの実装上得られる値は、使用値に近い何かです。

特殊なケース

[46] 奇癖モードでは幾つかのケースで使用値が特別な方法で決定されます >>45。

CSSOM View

[23] offsetTop、clientHeight など CSSOM View 系の属性から得られる値は、使用値に近い何かです。

[4] 実際値

[10] 使用値を実際に使用する環境の制限に応じて調整したのが実際値actual valueです。例えば使用できる精度に合わせて使用値を四捨五入したものが実際値となります。

[6] 仕様書

CSS 2.1
- IW:CSS2:"cascade.html"
[32] Styling – SVG 1.1 (Second Edition) (2011-08-10 12:35:27 +09:00 版) http://www.w3.org/TR/2011/REC-SVG11-20110816/styling.html#Inheritance

仕様書

[5] 初期値

値の導出

[1] 指定値

[2] 算出値

特殊なケース

`currentStyle`

[3] 使用値

特殊なケース

CSSOM View

[4] 実際値

[6] 仕様書

SVG

XSL-FO

カスケードと継承の特殊処理

関連