[CSS] overflow

김연빈·2023년 3월 17일
0

overflow

요소 내용이 요소 크기보다 더 클 때, 요소 내용을 어떻게 처리할지를 지정

  • visible : (기본 값) 넘칠 경우 컨텐츠를 상자 밖으로 보냄

  • hidden : 넘치는 부분을 잘라서 보이지 않음

  • scroll : 스크롤바가 추가되어 스크롤할 수 있음(가로, 세로 모두 추가)

  • auto : 컨텐츠 양에 따라 스크롤바를 추가할지 자동으로 결정됨(필요에 따라 가로, 세로 별도로 추가할 수 있음)

  • inherit : 부모 요소 속성을 상속

  • overflow-x, overflow-y : 가로, 세로 overflow를 각각 제어하려면 overflow-x와 overflow-y를 사용

참조
https://offbyone.tistory.com/296
https://homzzang.com/b/css-115

profile
web publisher

0개의 댓글