여백과 테두리의 두께가 포함된 요소의 레이아웃 세로 크기를 정수로 조회하는 읽기 전용 프로퍼티이다.
일반적으로 CSS의 border
, padding
과 가로 스크롤바(렌더링된 경우)를 포함하여 요소의 CSS height
값을 가지고 있다. ::before
, ::after
와 같은 가상 요소의 높이는 포함하지 않는다.
요소가 직접적으로 또는 조상 요소들 중에서 display
값이 none
으로 되어 숨겨져 있는 경우 0 값을 가지고 있다.
body 객체의 경우 CSS height 대신 선형 구조의 총 콘텐츠에 대한 높이가 포함된다. 다른 선형 구조 콘텐츠 아래로 확장되는 float 요소는 무시된다.
inline-level
수준의 요소는 다음 행으로 개행될 시 개행된 inline
요소의 내용만큼 height
가 늘어난 크기를 갖는다.
다음 아래의 테스트 도구를 보면 적색 박스 영역이 offsetHeight
이다.
htmlElement.offsetHeight
분류 | 값 | 설명 |
---|---|---|
writable | no |