콘텐츠를 자를 것인가 말 것인가 - overflow

overflow는 HTML 콘텐츠가 width와 height 프로퍼티에 주어진 태그의 크기를 넘어가는 경우 콘텐츠를 자를 것인지 말 것인지를 지정하는 프로퍼티.
블록 태그에만 적용됨.
overflow 프로퍼티가 적용되려면 width와 height 프로퍼티에 박스 크기가 설정되어 있어야 함.

1. 형식 : overflow : visible | hidden | acroll | auto


• visible : 콘텐츠가 잘리지 않고 태그 영역을 넘어 출력 (기본값)
• hidden : 콘텐츠를 태그 크기로 잘라 넘어가는 것은 보이지 않음, 스크롤바 없음
• scroll : 스크롤바를 항상 부착하여 콘텐츠 출력
• auto : 콘텐츠가 박스의 높이(height 속성)보다 넘치면 스크롤바 자동 생성



2. 예 : overflow 예제 보기 (overflow-ex.html)