[CSS] overflow

콘텐츠 영역과 관련된 속성.

글자가 width, height값을 훨씬 넘겨버릴 때

화면상에 어떻게 보여줄지를 결정한다.

 

- overflow: visible;

내용이 영역을 벗어나는 한이 있어도 다 보여준다.

 

- overflow: hidden;

내용이 영역을 넘어가면 그 넘어간 부분은 숨긴다.

 

- overflow: auto;

내용이 영역을 넘어가면 스크롤을 만들고

넘어가지 않으면 스크롤을 만들지 않는다.

 

- overflow: scroll;

내용이 영역을 넘어가지 않아도

무조건 세로, 가로 방향 스크롤을 만든다.

 

 

출처

- 2020 국비교육 공부 내용