티스토리 뷰

CSS

[CSS] overflow

overflow

overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.


overflow

overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.

정의(Definition)

  • overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.
  • overflow:hidden는 float을 사용시 영역 깨짐 방지를 위한 방법으로도 사용합니다.
  • overflow:scroll; 사용시 스크롤바 모양과 크기 및 위치가 브라우저마다 다양하므로 확인해야 합니다.

문법(Syntax)

overflow : visible | hidden | scroll | auto

속성(Property)

속성값 설명
visible 지정한 영역에 요소들을 보이게 합니다.
hidden 지정한 영역에 넘쳐난 요소들을 안보이게 합니다.
scroll 지정한 영역에 무조건 스크롤 바를 생기게 합니다.
auto 지정한 영역에 요소들이 넘치면 자동으로 스크롤 바가 생깁니다.
inherit overflow-x의 속성 값을 상위요소한테 상속받습니다.

호환성(Compatibility) 더보기

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
overflow 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

태그(Tag) 더보기

질문하기(Questions)
댓글쓰기 폼