프리랜서 웹디자이너 웹퍼블리셔RELATION

[ css] overflow 속성

2024.06.14
overflow 속성

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

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

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

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

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

이 포스트 공유하기

  • 페이스북에 공유하기
  • 트위터에 공유하기
  • 네이버 블로그 카페에 공유하기
  • 네이버 밴드에 공유하기

코멘트 쓰기

코멘트를 입력해주세요
LOGIN JOIN