css

[css] overflow 사용하기 (스크롤)

natrue 2021. 5. 10. 10:07
728x90

1. overflow: visible;  

기본값. 사이즈를 넘 칠경 우 글이 상자 밖으로 보임.

 

 

2. overflow: hidden; 

사이즈를 넘 칠경 우 글이 잘림.

 

3. overflow: scroll; 

사이즈를 넘칠경우 가로 세로 모두 스크롤이 추가.

 

4. overflow: auto; 

양에 따라 스크롤이 자동으로 추가될지 결정. 

 

5. overflow-x, overflow-y 

가로, 세로 overflow를 각각 제어하고자 한다면 overflow-x와 overflow-y를 사용.

 

 

 

 

 

참고 :  triki.net/prgm/792