[HTML&CSS] overflow
2020. 12. 4. 18:05ㆍHTML&CSS&JavaScript
<기본 개념>
-요소내의 컨텐츠가 너무 커서 요소내에 모두 보여주기 힘들때 그것을 어떻게 보여줄지를 지정
-overflow-x: X축, 가로 제어
-overflow-y: Y축, 세로 제어
<기본 속성>
- visible: 기본 값, 넘칠 경우 컨텐츠가 상자 밖으로 보여집니다.
- hidden : 넘치는 부분은 잘려서 보여지지 않습니다.
- scroll : 스크롤바가 추가되어 스크롤할 수 있습니다.(가로, 세로 모두 추가 됩니다.)
- auto : 컨텐츠 량에 따라 스크롤바를 추가할지 자동으로 결정됩니다.( 필요에 따라 가로, 세로 별도로 추가될 수도 있습니다.)
(출처: https://offbyone.tistory.com/296 [쉬고 싶은 개발자])
'HTML&CSS&JavaScript' 카테고리의 다른 글
[HTML&CSS] 템플릿 구현, 전체 콘텐츠의 높이가 화면의 높이보다 작을 때 깔금하게 처리(feat.flex) (0) | 2020.12.10 |
---|---|
[HTML&CSS] Flex 속성 (0) | 2020.12.09 |
[HTML&CSS] box-sizing (0) | 2020.12.04 |
[HTML&CSS] @media (0) | 2020.12.04 |
[HTML&CSS] 라이브러리, 커스텀 개념(feat.con-min-width, con) (0) | 2020.12.04 |