Computed value

CSS 속성(property)의 계산값(computed value) 은 아래 방식으로 지정값(specified value)에서 계산됩니다.

• 특수값인 inherit 및 initial을 사용하여, 그리고
• 속성의 요약 절 "계산값" 줄에 기술된 값에 이르기 위해 필요한 계산을 수행해서.

속성을 위한 계산값에 이르기 위해 필요한 계산은 보통 상대값(가령 em 단위나 퍼센트)의  절대값 변환을 포함합니다.

예를 들어, 요소(element)에 font-size: 16px 및 padding-top: 2em 지정값이 있다면, padding-top의 계산값은 32px입니다(font 크기의 2배).

그러나, 일부 속성(width, margin-right, text-indent 및 top 같은, 레이아웃을 결정하기 위해 필요할 지 모를 무언가에 상대적인 퍼센트)의 경우, 퍼센트 지정값은 퍼센트 계산값이 됩니다. 게다가, line-height 속성에 지정된 단위 없는 수는 지정된 대로 계산값이 됩니다. 계산값에 남아 있는 이러한 상대값은 사용값이 결정될 때 절대(값)이 됩니다.

계산값의 주 사용(지정값 및 사용값 사이의 단계 이외의) inherit 키워드를 포함한 상속입니다.

주의

DOM API getComputedStyle()은 속성에 따라 계산값이나 사용값이 될 수 있는 결정값을 반환합니다.

스펙

참조

• CSS Reference
• CSS Key Concepts: CSS syntax, at-rule, comments, specificity and inheritance, the box, layout modes and visual formatting models, and margin collapsing, or the initial, computed, resolved, specified, used, and actual values. Definitions of value syntax, shorthand properties and replaced elements.