計算値

CSS の プロパティの計算値 (computed value) は、継承の過程で親から子へ伝えられる値です。これは指定値から計算されます。

1. 特殊な値である inherit, initial, unset, revert (en-US) を扱います。
2. プロパティの概要の「計算値」に記載された値に達するのに必要な計算を行います。

プロパティの計算値に達するのに必要な計算は、一般に (em の単位やパーセントなどの) 相対値を絶対値に変換する計算を含みます。例えば、ある要素に font-size: 16px と padding-top: 2em が指定された場合、 padding-top の計算値は 32px (フォントサイズの倍) になります。

しかしながら、いくつかのプロパティ (width, margin-right, text-indent, top など、レイアウトの定義に必要ものに対する割合が相対的なもの) でパーセント指定された値はパーセント計算された値に変わります。さらに、 line-height に指定された単位なしの値は、指定された計算値になります。これらの計算値に残った相対的な値は、使用値が定義された場合、絶対値になります。

• window.getComputedStyle
• CSS の主要概念: CSS 構文、 アット規則、 コメント、 詳細度、 継承、 ボックス、 レイアウトモード、 視覚整形モデル (en-US)、 マージンの相殺、 値 (初期値、 計算値、 解決値、 指定値、 使用値、 実効値)、 値の定義構文、 一括指定プロパティ、 置換要素