[ CSS ] overflow

overflow

- 요소내의 콘텐츠가 클 경우 콘텐츠의 모든 내용을 요소내에서 모두 보여주기 힘들때 그것을 어떻게 보여줄것인지 지정

 

div{
    overflow:속성값;
}

속성값

- visible : 기본값 , 넘칠 경우 콘텐츠가 상자 밖으로 보여진다.

- hidden : 넘치는 부분은 잘려서 보이지 않는다.

- scroll : 스크롤바가 추가되어 스크롤할 수 있다. ( 콘텐츠량이 적어도 가로, 세로에 모두 추가된다.)

- auto : 콘텐츠량에 따라 스크롤바를 추가할지 자동으로 결정 ( 필요에 따라 가로,세로 별도로 추가된다.)

* overflow-x, overflow-y 를 사용해 가로, 세로 각각 제어가능