[CSS] Overflow 오버플로우 ( 내용이 넘칠 때 )

오버플로우

텍스트 컨트롤 중 글자가 길어질 때 사용할 수 있다.

visible로 설정을 했다.

위처럼 작성하지 않아도 기본 설정은 visible로 돼있다.

 

글자가 넘쳐도 박스를 뚫고 계속 나오는 것을 확인할 수 있다.

hidden 설정으로 넘치는 글자를 안 보이게 할 수 있다.

scroll 속성으로 스크롤을 위아래로 내려 확인할 수 있게 한다.

오른쪽에 스크롤이 생기고 작동된다.

auto가 만든 scroll

텍스트를 다 삭제하고 한 줄만 남겨놓고 실행, 자동으로 스크롤이 없어졌다.

auto 속성은 텍스트가 적으면 표시하고 많으면 스크롤을 자동으로 붙여준다.