CSS 입문 | CSS 위치 속성 | 오버플로어(overflow)

Tags:

• CSS
• WEB

오버플로우(overflow) 속성은 요소의 내용이 너무 커서 지정한 영역에 맞지 않을 때 내용을 클립할지(자를지) 또는 스크롤 막대를 추가할지 여부를 지정한다

오버플로 속성은 지정된 높이의 블록 요소에 대해서만 작동한다.

값	설명
visible	오버플로우가 되면 잘리지 않는다. 오버된 내용은 요소의 상자 밖에 렌더링된다. 이것은 기본값이다.
hidden	오버플로우가 되면 잘리지만, 잘린다. 나머지 컨텐트는 보이지 않는다.
croll	오버플로우가 되면 잘리지만, 스크롤 막대가 추가되어 나머지 내용을 볼 수 있다.
auto	오버플로우가 되다면, 스크롤 막대를 추가되어 나머지 내용을 볼 수 있다.
initial	이 속성을 기본값으로 설정한다.
inherit	상속 부모 요소에서이 속성을 상속받는다.

overflow-x

overflow-x 속성은 요소의 콘텐츠 영역을 오버플로우가 되면, 내용의 왼쪽/오른쪽 가장자리를 어떻게 처리할지 지정한다.

overflow-y

overflow-x 속성은 요소의 콘텐츠 영역을 오버플로우가 되면, 내용의 위쪽/아래쪽 가장자리를 어떻게 처리할지 지정한다.