Style overflowX 속성

정의와 사용법

overflowX 속성은 내용의 좌/우 경계를 처리하는 방법을 정의합니다 - 그것이 요소의 내용 영역을 벗어나면.

힌트:사용: overflowY 속성 위쪽과 아래쪽 경계의 잘리기를 결정합니다.

다른 참조:

CSS 참조 가이드:overflow-x 속성

예제

텍스트가 요소의 내용 영역을 벗어나면 수평 스크롤:

document.getElementById("myDIV").style.overflowX = "scroll";

직접 시도해 보세요

문법

overflowX 속성 반환:

object.style.overflowX

overflowX 속성 설정:

object.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"

속성 값

값 설명
visible 내용이 잘리지 않으며, 내용 상자 밖으로 렌더링될 수 있습니다.
hidden 내용이 잘려져 스크롤 메커니즘을 제공하지 않습니다.
scroll 내용이 잘려져 스크롤 메커니즘을 제공됩니다.
auto 내용이 범위 밖으로 튀어 나오면 스크롤 메커니즘을 제공해야 합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조: inherit.

기술 세부 사항

기본 값: visible
반환 값: 문자열, 요소를 나타냅니다. overflow-x 속성.
CSS 버전: CSS3

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원