計算値

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

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

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

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

メモ: DOM の getComputedStyle() API は解決値を返しますが、これはプロパティによって計算値であるか 使用値であるかが変わります。

仕様書

仕様書 状態 備考
CSS Level 2 (Revision 1)
computed value の定義		 勧告 初回定義

関連情報

最終更新日:

, by MDN contributors
関連トピック