overflow 속성

Posted by 이상한 나라의 채소토끼
2018. 1. 11. 21:42 HTML , CSS

overflow 속성은 내부의 요소가 부모의 범위를 벗어날 때 어떻게 처리할지 지정하는 속성입니다.


overflow 속성에 사용 가능한 키워드


키워드 이름 

설명

hidden

영역을 벗어나는 부분을 보이지 않게 만듭니다.

scroll

영역을 벗어나는 부분을 스크롤로 만듭니다.


oveflow 속성에 scroll 키워드를 적용하면 무조건 모든 축에 스크롤이 생성됩니다. 만약 특정한 방향으로만 스크롤을 생성할 때는 overflow-x 속성과 overflow-y 속성을 사용합니다.


overflow-x:scroll;

overflow-y:scroll;


'HTML , CSS' 카테고리의 다른 글

transform 파헤치  (0) 2018.01.31
line-height 속성  (0) 2018.01.11
how to use pseudo-class :not with :nth-child  (0) 2018.01.11
float< position absol, fixed 우선시 됨  (0) 2018.01.11
box-sizing / background-size  (0) 2018.01.10