Style overflow 속성

정의와 사용법

overflow 속성 설정이나 반환은 요소 블록 외에 표시되는 내용을 어떻게 처리할지에 대해 설명합니다.

힌트：전체 문서의 스크롤 바를 숨기려면 body 또는 html 요소의 overflow 속성을 사용하십시오.

추가 참고：

CSS 강의：CSS 부분

CSS 강의：CSS 위치

CSS 참조 메뉴얼：overflow 속성

예제

예제 1

overflow 속성을 사용하여 부분 내용을 스크롤로 표시하기：

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

직접 시도해 보세요

예제 2

overflow 속성을 사용하여 부분 내용을 숨기기：

document.getElementById("myDiv").style.overflow = "hidden";

직접 시도해 보세요

예제 3

overflow 속성 반환：

alert(document.getElementById("myDiv").style.overflow);

직접 시도해 보세요

문법

overflow 속성 반환：

object.style.overflow

overflow 속성 설정：

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

속성 값

값 설명
visible 내용이 잘라내리지 않으며 요소 블록 외에 표시될 수 있습니다. 기본 값.
hidden 요소 블록 외에 있는 내용을 표시하지 않습니다.
scroll 스크롤 바를 추가하고 필요할 때 내용을 잘라냅니다.
auto 필요할 때 내용을 잘라내고 스크롤 바를 추가합니다.
initial 이 속성을 기본 값으로 설정합니다. 참고하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참고하십시오 inherit。

기술 세부 사항

기본 값： visible
반환 값： 문자열로 표현된 요소 블록 외에 렌더링되는 내용.
CSS 버전： CSS2

브라우저 지원

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