CSS overflow-y 속성

정의와 사용법

overflow-y 속성은 콘텐츠의 상단/하단 경계에 대한 잘라내기를 정의합니다 - 요소의 내용 영역이 오버플로우되면.

ヒント:사용 overflow-x 속성을 사용하여 왼쪽/오른쪽 경계의 잘라내기를 정의합니다.

CSS 강의:CSS 오버플로우

HTML DOM 참조 매뉴얼:overflowY 속성

예제

div 요소 내용의 왼쪽/오른쪽 경계를 잘라내기 - 요소의 내용 영역이 오버플로우되면:

div
{
overflow-y:hidden;
}

개인적으로 시도해 보세요

CSS 문법

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

속성 값

값 설명 테스트
visible 콘텐츠를 잘라내지 않고, 콘텐츠 상자 밖에도 표시될 수 있습니다. 테스트
hidden 콘텐츠를 잘라내기 - 스크롤 메커니즘을 제공하지 않습니다. 테스트
scroll 콘텐츠를 잘라내기 - 스크롤 메커니즘을 제공합니다. 테스트
auto 오버플로우 상자가 있으면 스크롤 메커니즘을 제공해야 합니다. 테스트
no-display 콘텐츠가 콘텐츠 상자에 맞지 않으면 전체 상자를 제거합니다. 테스트
no-content 콘텐츠가 콘텐츠 상자에 맞지 않으면 전체 콘텐츠를 숨깁니다. 테스트

기술 세부 사항

기본 값: visible
상속성: no
버전: CSS3
JavaScript 문법: object.style.overflowY="scroll"

브라우저 지원

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

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

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