본문으로 건너뛰기
실습하기

경계 처리(overflow)

CSS의 overflow 속성은 요소의 내용이 그 경계를 벗어날 때 어떻게 처리할지 지정합니다.


Overflow 주요 값

Overflow 속성은 다음과 같은 값들을 가질 수 있습니다.

  • visible : 기본값으로 내용이 경계를 벗어나도 그대로 표시

  • hidden : 내용이 경계를 벗어나면 그 부분은 보이지 않음

  • scroll : 스크롤 막대가 항상 표시되며, 내용이 경계를 벗어나면 스크롤 가능

  • auto : 내용이 경계를 벗어날 경우에만 스크롤 막대가 표시


코드의 별표로 강조된 부분을 따라 입력해 보세요.

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!