MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Computed value

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

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

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

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

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

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

주의

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

스펙

스펙 상태 설명
CSS Level 2 (Revision 1)
The definition of 'computed value' in that specification.
Recommendation 초기 스펙

참조

문서 태그 및 공헌자

태그: 
 이 페이지의 공헌자: Netaras
 최종 변경: Netaras,