CSSOM (CSS Object Model)

CSSOM (CSS Object Model)

브라우저가 HTML을 DOM으로 만들었다면, HTML에 임베디드된 스타일, CSS 파일에 정의된 스타일, HTML 태그에 정의한 스타일, 브라우저의 기본 스타일 등 모든 스타일 정보를 합쳐서 CSSOM을 만든다.

즉, DOM와 CSS의 요소를 병합해서 CSSOM을 만든다. 이것을 computed style이라고 부른다. 이미 모든 것들이 다 계산된 스타일을 말한다.

브라우저가 HTML 파일을 읽게되면 제일 처음 DOM Tree를 만들고, 그 다음 CSS 파일을 읽고 전부 계산해서 최종적으로 확정된 CSSOM Tree를 만들게 된다. 그리고 DOM과 CSSOM을 합쳐서 최종적으로 브라우저에 표시될 것들만 Render Tree에 선별되어서 표기된다.