프리랜서 웹디자이너 무료폰트 RELATION.CO.KR

RELATION 로고

홈페이지 소스

[CSS] overflow 속성

2007.02.26
박스의 크기를 정했을때 블록 레벨 요소 또는 텍스트 내용이 박스에서 튀어나올 경우
튀어나오는 부분을 어떻게 표시할지를 지정하는 속성이 overflow 입니다.

* visible [텍스트나 요소들이 박스를 이탈 했어도 내용을 자르지 않음.
내용을 바깥쪽에 표시가 되며 이 값이 지정되었어도 브라우저의 표시영역에 제약이 있어 잘릴가능성이 있음 ]

* hidden [ 텍스트나 요소들이 박스를 이탈 했어도 내용을 자름.
스크롤을 제공되지 않았기에 박스 안에 내용만 볼수 있고 박스 밖에 내용은 보이지 않음.]

​* scroll [ 박스 밖으로 나가는 내용을 잘라냄.
스크롤을 제공하여 박스 바깥쪽으로 튀어나온 부분을 볼수 있음.]

​* auto [ 브라우저에 의존하여 유동적으로 보임.
자동 스크롤이 제공되어 텍스트나 요소가 많을때엔 스크롤이 생기고 적을때엔 스크롤이 생기지 않음.]

이 포스트 공유하기

글수정  글삭제 전체목록