DOM API - CSSOM

CSSOM이란?

CSS Object Model의 약자로, 자바스크립트에서 CSS를 조작할 수 있게 해주는 API 세트입니다.

요소의 크기(Dimensions)

  

    width, height

  

    clientWidth, clientHeight

      ⇲ 

        너비/높이(width/height) + 패딩(padding)

  

  

    offsetWidth, offsetHeight

      ⇲ 

        너비/높이(width/height) + 패딩(padding) + 보더(border) + 스크롤바

  

  

    scrollWidth, scrollHeight

      ⇲ 

        스크롤 가능한 너비/높이 영역