[SIST] Web_CSS_days03_CSS overflow 속성

1. 영역보다 콘텐츠가 너무 커서 맞지 않는 경우 제어하는 속성

 

2. 속성 값들

  > visible(기본값) : 영역 외부에 넘치는 콘텐츠가 출력(랜더링) 되어진다.

  > hidden : 잘라버린다(보이지않는다.)

  > scroll : 스크롤바가 생겨서 안보이는 부분은 움직여서 보일 수 있도록 한다.

  > auto : 스크롤바가 생긴다.

 

3. scroll과 auto의 차이점?

  > scroll은 넘치지 않아도 스크롤바가 생기고 auto는 넘치면 스크롤바가 생기고 안넘치는 생기지 않는다.

---

[코드 예시]

 

[visible 결과]

 

[hidden 결과]

 

[scroll 결과]

 

[auto 결과]

 

[overflow-x, overflow-y 결과]