예
넘치는 컨텐츠를 스크롤 오버 플로우 속성을 사용합니다 :
document.getElementById("myDIV").style.overflow = "scroll"; »그것을 자신을 시도 정의 및 사용
오버 플로우 속성 집합 또는 요소 상자 외부 렌더링 컨텐츠가 무엇을해야 하는지를 돌아갑니다.
Tip: 당신이 전체 문서의 스크롤바를 숨기려면, 신체 또는 html 요소에 오버 플로우 속성을 사용합니다.
브라우저 지원
오버 플로우 속성은 모든 주요 브라우저에서 지원됩니다.
통사론
오버 플로우 속성을 반환합니다 :
object .style.overflow
오버 플로우 속성을 설정 :
object .style.overflow="visible|hidden|scroll|auto|initial|inherit"
속성 값
| 값 | 기술 |
|---|---|
| visible | 콘텐츠 클리핑하지 않으며,이 요소 상자 외부에 표시 될 수 있습니다. 이 기본이다 |
| hidden | 요소 상자 외부 콘텐츠가 표시되지 않습니다 |
| scroll | 스크롤 막대가 추가되고, 내용이 필요한 경우립니다 |
| auto | 컨텐츠가 잘립니다 및 스크롤 막대가 추가 될 때 필요 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 명백한 |
|---|---|
| 반환 값 : | 문자열의 내용을 나타내는 것은 요소 상자 외부 렌더링이 |
| CSS 버전 | CSS2 |
더 예
예
넘치는 내용을 숨길 오버 플로우 속성을 사용합니다 :
document.getElementById("myDiv").style.overflow = "hidden"; »그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS의 위치
CSS 참조 : overflow property
<스타일 개체