CSS Attribute

Margin 속성과 Padding 속성은 지난 프로젝트 시간때 다뤘으니 넘어가겠다.

이번 프로젝트에서는 overflow 속성에 대해 알아보도록 하자.

Overflow 속성이란 자식 요소가 부모 요소의 영역를 벗어났을 때 처리 방법을 정의하는 것이다.

속성값에는 다음과 같이 4가지가 존재한다.

• visible: 영역을 벗어난 부분을 표시한다 (기본값)

• hidden: 영역을 벗어난 부분을 잘라내어 보이지 않게 한다.

• scroll: 영역을 벗어난 부분이 없어도 스크롤을 표시한다.

• auto: 영역을 벗어난 부분이 있으면 스크롤을 표시한다.

overflow는 한 방향으로만 속성값을 지정할 수 있다.

overflow-x: hidden;
overflow-y: scroll;