JavaScript Indexing

{object_name}

Dimensions

요소의 크기, 위치 등과 관련된 APIs

clientWidth

property

요소의 내부 너비를 픽셀로 조회할 수 있는 읽기 전용 속성이다.

clientHeight

property

요소의 내부 높이를 픽셀로 조회할 수 있는 읽기 전용 속성이다.

clientLeft

property

요소의 왼쪽 테두리의 너비(픽셀)를 조회할 수 있다. 텍스트 방향이 왼쪽이고 스크롤바가 있는 경우 스크롤바의 너비를 포함한다. 왼쪽 간격과 왼쪽 내부 여백을 포함하지 않는다.

clientTop

property

요소의 상단 테두리의 너비를 픽셀 단위로 조회할 수 있는 읽기 전용 속성이다.

scrollWidth

property

오버플로우(overflow)로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 폭을 조회할 수 있다.

scrollHeight

property

overflow로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 높이를 조회할 수 있다.

scrollLeft

property

요소의 내용이 왼쪽 가장 자리에서 스크롤되는 픽셀 수를 조회하거나 설정한다.

scrollTop

property

요소의 콘텐츠가 세로로 스크롤되는 픽셀 수를 조회하거나 설정한다.

offsetWidth

property

요소의 레이아웃 가로 크기를 정수로 조회하는 읽기 전용 속성이다.

offsetHeight

property

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

offsetLeft

property

상대적으로 위치한 가장 가까운 상위 요소(offsetParent)로부터 지정 요소의 좌측 상단 모서리까지 상대적 좌측 거리를 픽셀 값으로 가지고 있는 읽기 전용 속성이다.

offsetTop

property

위치에 대한 상대적 기준을 갖는 가장 가까운 상위 요소로부터 지정 요소의 상대적 상단 거리(픽셀)를 가지고 있는 읽기 전용 속성이다.

offsetParent

property

가장 가까운 상대적 기준 상위 요소를 참조한다.

getBoundingClientRect()

method

요소의 크기와 뷰포트를 기준으로 위치를 반환한다.

getClientRects()

method

CSS 테두리 상자에 대한 경계 사각형을 나타내는 DOMRect 객체 컬렉션을 반환한다.