overflow-x /overflow-y
1. 정의
- overflow는 요소의 내용이 넘칠 때 스크롤 생성, 혹은 보여줄지 말지를 결정
- overflow-x : x축, 왼쪽 오른쪽의 내용을 어떻게 보여줄지 결정
- overflow-y : y축, 위 아래 내용을 어떻게 보여 줄지 결정
2. 속성 및 구현
1) 종류
- visible, hidden, scroll, auto, initial, inherit
2) visible
- 기본값, 내용이 잘리지 않고 밖으로 넘침
3) hidden
- 내용이 잘리고 scroll이 생기지 않는다
4) scroll
- 잘리지만 scroll이 나타난다
5) auto
- 내용이 잘리고 필요할 때만 스크롤이 생김
'Front-End > HTML5 + CSS' 카테고리의 다른 글
| [HTML5] meta 태그의 viewport 속성 (0) | 2016.12.19 |
|---|---|
| [CSS3] Transform - 위치, 모양 크기 지정 (0) | 2016.12.18 |
| [CSS3] @media 쿼리 (0) | 2016.12.18 |
| [CSS] @media 타입 (0) | 2016.12.18 |
| [CSS3] Flex Position - Flexbox Layout (0) | 2016.12.18 |
리딩리드