JavaScript Indexing

settings_applicationsEventTarget  >   settings_applicationsNode  >   settings_applicationsElement  >   settings_applicationsHTMLElement  >   settings_applications[[Prototype]]

{object_name}

Editing

NumberoffsetHeight

Details

여백과 테두리의 두께가 포함된 요소의 레이아웃 세로 크기를 정수로 조회하는 읽기 전용 프로퍼티이다.

설명

일반적으로 CSS의 border, padding과 가로 스크롤바(렌더링된 경우)를 포함하여 요소의 CSS height 값을 가지고 있다. ::before, ::after와 같은 가상 요소의 높이는 포함하지 않는다.

요소가 직접적으로 또는 조상 요소들 중에서 display 값이 none으로 되어 숨겨져 있는 경우 0 값을 가지고 있다.

body 객체의 경우 CSS height 대신 선형 구조의 총 콘텐츠에 대한 높이가 포함된다. 다른 선형 구조 콘텐츠 아래로 확장되는 float 요소는 무시된다.

inline-level 수준의 요소는 다음 행으로 개행될 시 개행된 inline 요소의 내용만큼 height가 늘어난 크기를 갖는다.

다음 아래의 테스트 도구를 보면 적색 박스 영역이 offsetHeight이다.

구문

형식
htmlElement.offsetHeight

속성 명세

명세
분류설명
writableno

지원 웹브라우저