Summary
내용이 박스보다 큰 경우 밖으로 넘친 부분을 어떻게 표시할지를 지정한다.
값 | visible | hidden | scroll | auto | inherit |
---|---|
기본값 | visible |
적용대상 | 블럭레벨요소와 치환된 요소 |
상속 | 상속안됨 |
퍼센테이지 | 지정불가 |
미디어 | Visual |
Value
- visible : 박스보다 넘쳐난 내용을 그대로 보여준다.
- hidden : 박스보다 넘쳐난 내용을 표시하지 않도록 지정하며 스크롤을 제공하지 않는다.
- scroll : 박스보다 넘쳐난 내용을 위해 스크롤을 제공한다. 잘려서 보이지 않는 부분을 스크롤해서 볼수있도록 한다. 내용이 박스보다 넘쳐나지 않아도 무조건 스크롤을 제공한다.
- auto : 브라우저에 의존하며 해당영역이 박스보다 큰 경우 스크롤을 자동으로 제공한다.
Tip
- 다음과 같이 사용할 수 있다.
div { width: 300px; height: 300px; overflow : hidden; }
- 참고로 overflow-x와 overflow-y는 windows I5+E의 독자적인 속성이다.
Sample