CSS - overflow 속성

요소 안의 컨텐츠가 해당 영역을 넘치는 경우 어떻게 할 것인지를 지정하는 속성입니다.

속 성	설 명
overflow-x	컨텐츠가 영역을 넘치는 경우 가로방향의 표시방법을 지정. visible: 요소를 벗어난 컨텐츠를 그대로 보여줌. 기본 값. Hidden 요소를 벗어난 컨텐츠를 숨김. scroll: 가로방향으로 항상 스크롤를 표시함. auto: 요소를 벗어난 컨텐츠만 가로방향으로 스크롤로 표시함.
overflow-y	컨텐츠가 영역을 넘치는 경우 세로방향의 표시방법을 지정. visible: 요소를 벗어난 컨텐츠를 그대로 보여줌. 기본 값. Hidden 요소를 벗어난 컨텐츠를 숨김. scroll: 세로방향으로 항상 스크롤를 표시함. auto: 요소를 벗어난 컨텐츠만 세로방향으로 스크롤로 표시함.
overflow	컨텐츠가 영역을 넘치는 경우 가로/세로방향의 표시방법을 지정. visible: 요소를 벗어난 컨텐츠를 그대로 보여줌. 기본 값. Hidden 요소를 벗어난 컨텐츠를 숨김. scroll: 항상 스크롤를 표시함. auto: 요소를 벗어난 컨텐츠만 스크롤로 표시함.

overflow: hidden

auto
요소 안의 컨텐츠가 해당 영역을 넘치는 경우 어떻게 할 것인지를 지정하는 속성입니다.

visible
요소 안의 컨텐츠가 해당 영역을 넘치는 경우 어떻게 할 것인지를 지정하는 속성입니다.

hidden
요소 안의 컨텐츠가 해당 영역을 넘치는 경우 어떻게 할 것인지를 지정하는 속성입니다.

scroll
요소 안의 컨텐츠가 해당 영역을 넘치는 경우 어떻게 할 것인지를 지정하는 속성입니다.