overflow-x 와 overflow-y

 

overflow-x 와 overflow-y 는 내용이 넘칠때에 해당 축에 대하여 어떻게 보여줄지를 지정한다.

 

 

브라우저 지원

Chrome	Edge	FireFox	Safari	Opera
4.0	9.0 8.0 -ms-	1.5	3.0	9.5

 

속성으로는 scroll , hidden  ,  auto  , visible  이 있다

 

 

scroll 해당 영역에 내용이 잘리면 스크롤바가 생성된다.

 

hidden 해당 영역에 내용이 잘려서 보인다.

 

auto 해당 영역에 내용이 잘려서 보이나 필요시 스크롤바 나타난다.

 

vivible 내용이 밖을 넘어선다

 

ex)

x 스크롤

 

y 스크롤

 

 

---

 

 

해당 스크롤에 대해서는 ::-vebkit-scrollbar로 스타일 혹은 보이지 않게 가능하다

 

::-vebkit-scrollbar 에 대한 내용은 나중에 정리 해보려한다!