스타일 오버플로 속성
예시
overflow 속성을 사용하여 넘치는 콘텐츠를 스크롤합니다.
document.getElementById("myDIV").style.overflow = "scroll";
정의 및 사용
overflow 속성은 요소 상자 외부에서 렌더링되는 콘텐츠로 수행할 작업을 설정하거나 반환합니다.
팁: 전체 문서의 스크롤 막대를 숨기려면 본문 또는 html 요소의 overflow 속성을 사용하십시오.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
통사론
오버플로 속성을 반환합니다.
object.style.overflow
오버플로 속성을 설정합니다.
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
속성 값
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 보이는 |
---|---|
반환 값: | 요소 상자 외부에서 렌더링되는 콘텐츠를 나타내는 문자열 |
CSS 버전 | CSS2 |
더 많은 예
예시
overflow 속성을 사용하여 넘치는 콘텐츠를 숨깁니다.
document.getElementById("myDiv").style.overflow = "hidden";
예시
오버플로 속성을 반환합니다.
alert(document.getElementById("myDiv").style.overflow);
관련 페이지
CSS 튜토리얼: CSS 오버플로
CSS 튜토리얼: CSS 포지셔닝
CSS 참조: 오버플로 속성
❮ 스타일 개체