728x90
반응형
overflow 속성은 요소의 콘텐츠가 커서 블록서식 맥락에 맞출 수 없을 때의 처리법을 지정한다.
overflow: visible;
visible
- 콘텐츠를 자르지 않고 안쪽 여백상자 밖에도 그릴 수 있다.
overflow: hidden;
hidden
- 콘텐츠를 안쪽 여백상자에 맞춰 잘라낸다.
- 스크롤 지원도 하지 않는다.
overflow: scroll;
scroll
- 콘텐츠를 안쪽 여백상자에 맞춰 잘라낸다.
- 콘텐츠를 잘라냈는지의 여부와 상관없이 항상 스크롤로바를 노출한다.
overflow: auto;
auto
- 사용자 에이전트가 결정한다.
- 콘텐츠가 안쪽 여백상자안에 들어간다면,
visible과 동일하게 보이나 새로운 블록서식 문맥을 생성
- 데스크톱 브라우저의 경우 콘텐츠가 넘치면 스크롤바를 노출
728x90
반응형
'Front > CSS' 카테고리의 다른 글
| [CSS] div 가로 정렬하기 - flex (0) | 2022.04.30 |
|---|---|
| [CSS] div 가로 정렬 하기 -float (0) | 2022.04.05 |
| [CSS] position 속성 (0) | 2022.03.27 |
| [CSS] outline-offset (0) | 2022.03.25 |
| [CSS] !important (0) | 2022.03.24 |