[CSS] 특정영역을 숨킬때 사용되는 overflow 속성

오늘은 특정범위를 벗어난 이미지나 텍스트를 처리할때 사용하는 overflow 속성에 대해서 알아보도록 하겠습니다.  

overflow속성은 부모 내부의 태그가 부모의 영역을 벗어났을때 보이지 않게 하거나

벗어난 영역을 스크롤로 만들수가 있습니다.

아래의 이미지를 보시면 아시겠지만 overflow속성을 사용하게 되면 부모영역을 벗어난

태그영역을 숨키거나 스크롤바 형식으로 나타낼수가 있습니다.

overflow속성에 사용되는 키워드에 대해서 한번 알아보도록 하겠습니다

overflow속성에 적용되는 키워드는 hidden 과 scroll두가지가 있습니다

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

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

overflow 속성은 ir 기법이나 최근 홈페이지 제작에서 많이 사용되는 css 기능중 하나입니다

어렵지 않은 속성중 하나이니 쉽게 이해할수 있을겁니다.