CSS:overflow

CSS : overflow

div.ex1 {
    overflow: scroll;
}

div.ex2 {
    overflow: hidden;
}

div.ex3 {
    overflow: auto;
}

div.ex4 {
    overflow: visible;
}

오버플로우 설정

overflow속성은 내용이 요소의 상자를 오버플로 할 경우 어떤 일이 발생할지 지정합니다.

이 속성은 요소의 내용이 너무 커서 지정한 영역에 들어 가지 않을 때 내용을 클립할지 또는 스크롤 막대를 추가할지 여부를 지정합니다.

overflow속성은 지정된 높이의 블록 요소에 대해서만 작동합니다.

속성값

overflow: visible|hidden|scroll|auto|initial|inherit;

• visible :보이는 오버플로우가 잘리지 않습니다. 요소 상자 밖으로 렌더링됩니다. 기본값입니다.
• hidden :숨겨진 오버플로가 잘리고 나머지 컨텐츠는 보이지 않습니다.
• scroll :스크롤 오버플로가 클리핑되지만 나머지 내용을 보려면 스크롤 막대가 추가됩니다.
• auto :자동 오버플로우가 클리핑된 경우 나머지 내용을 보려면 스크롤 막대를 추가해야 합니다.
• initial : 이 속성을 기본값으로 설정합니다.
• inherit : 부모 태그의 속성값을 상속받습니다.