overflow

Summary

내용이 박스보다 큰 경우 밖으로 넘친 부분을 어떻게 표시할지를 지정한다. 

값	visible | hidden | scroll | auto | inherit
기본값	visible
적용대상	블럭레벨요소와 치환된 요소
상속	상속안됨
퍼센테이지	지정불가
미디어	Visual

Value

• visible : 박스보다 넘쳐난 내용을 그대로 보여준다.
• hidden : 박스보다 넘쳐난 내용을 표시하지 않도록 지정하며 스크롤을 제공하지 않는다.
• scroll : 박스보다 넘쳐난 내용을 위해 스크롤을 제공한다. 잘려서 보이지 않는 부분을 스크롤해서 볼수있도록 한다. 내용이 박스보다 넘쳐나지 않아도 무조건 스크롤을 제공한다.
• auto : 브라우저에 의존하며 해당영역이 박스보다 큰 경우 스크롤을 자동으로 제공한다.

Tip

1. 다음과 같이 사용할 수 있다.

   div {
       width: 300px;
       height: 300px;
       overflow : hidden;
   }

2. 참고로 overflow-x와 overflow-y는 windows I5+E의 독자적인 속성이다.

Sample