CSS Object Model APIs

CSS Object Model APIs

CSS Object Model APIs

CSS 객체 모델은 JavaScript에서 CSS를 조작 할 수 있게 해주는 다양한 API 집합체이다. 다루는 대상이 요소가 아닌 CSS 자체라 볼 수 있다.

설명

CSS는 웹 문서의 디자인에 관여하는 매우 중요한 역할을 한다. 특히 사용자에게 효과적인 정보 전달과 피드백을 위해서는 CSS의 동적 처리 비중이 점차 높아지고 있다. 더군다나 다양해진 디바이스에서 웹 문서의 해석이 이루어지는 만큼 일관성이 있는 디자인을 위해서 디바이스와의 연관성을 가질 수 밖에 없으며 디바이스의 환경을 추적하기 위해서는 결국 자바스크립트의 도움을 받을 수 밖에 없다. 이러한 이유로 CSS만을 대상으로 하는 자바스크립트 내장 객체들이 속속 등장하고 있으며 CSS를 좀 더 견고하게 하면서 안정된 웹 개발을 할 수 있게 되었다.

이러한 API 그룹을 CSS Object Model 또는 CSSOM이라 부른다. CSSOM은 웹브라우저가 웹 문서를 해석하는 과정에서 HTML 마크업을 DOM(Document Object Model)이라는 객체 트리로 구성하듯이 CSS 처리와 관련된 것들을 따로 모아 CSSOM(CSS Object Model) 트리로 구성한다. 이러한 구성 준비는 웹브라우저 화면에 출력을 하는 렌더링을 위한 사전 처리라고 볼 수 있다.