CSS overflow-x 속성

정의와 사용법

overflow-x 속성은 내용의 왼쪽/오른쪽 경계에 잘라내기를 규정합니다 - 요소의 내용 영역이 부족하다면.

ヒント:사용 overflow-y 속성을 사용하여 상단/하단 경계의 잘라내기를 정의합니다.

CSS 강의:CSS 부족

HTML DOM 참조 매뉴얼:overflowX 속성

예제

div 요소 내용의 왼쪽/오른쪽 경계를 잘라냅니다 - 요소의 내용 영역이 부족하다면:

div
{
overflow-x:hidden;
}

본인이 직접 시도해보세요

CSS 문법

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

속성 값

값 설명 테스트
visible 내용을 잘라내지 않으면 내용 상자 밖에도 표시될 수 있습니다. 테스트
hidden 내용을 잘라내기 - 스크롤 기제를 제공하지 않습니다. 테스트
scroll 내용을 잘라내기 - 스크롤 기제를 제공합니다. 테스트
auto overflow 상자가 있으면 스크롤 기제를 제공해야 합니다. 테스트
no-display 내용이 내용 상자에 맞지 않으면 전체 상자를 제거합니다. 테스트
no-content 내용이 내용 상자에 맞지 않으면 전체 내용을 숨깁니다. 테스트

기술 세부 사항

기본 값: visible
thừa kế: no
버전: CSS3
JavaScript 문법: object.style.overflowX="scroll"

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 최초 브라우저 버전을 나타냅니다.

가 -ms-를 포함한 숫자는 프리픽스를 사용하는 최초 버전을 의미합니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5