JS & CSS & HTML
CSS overflow
갬쿠
2022. 3. 11. 22:27
overflow 프로퍼티는 엘리먼트 안의 컨텐츠가 너무 커서 한 화면에 보여줄 수 없을 때 어떻게 보여줄지를 결정한다.
사용할 수 있는 값은 네 가지가 있다.
| visible (기본값) | 컨텐츠가 경계선을 넘어 밖으로 보여짐 |
| hidden | 넘치는 부분은 잘려서 보이지 않음 |
| scroll | 가로, 세로 스크롤바가 추가되어 스크롤할 수 있음 |
| auto | 컨텐츠의 양에 따라 자동으로 스크롤바를 추가할지 결정 |
https://developer.mozilla.org/ko/docs/Web/CSS/overflow
overflow - CSS: Cascading Style Sheets | MDN
overflow CSS 단축 속성은 요소의 콘텐츠가 너무 커서 요소의 블록 서식 맥락에 맞출 수 없을 때의 처리법을 지정합니다. overflow-x (en-US), overflow-y (en-US)의 값을 설정합니다.
developer.mozilla.org
위 링크에 들어가면 간단한 예시를 볼 수 있다.
728x90