overflow
overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.
overflow
overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.
특징 | 설명 |
---|---|
기본 값 | overflow : visible |
버전 | CSS2 |
정의(Definition)
- overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.
- overflow:hidden는 float을 사용시 영역 깨짐 방지를 위한 방법으로도 사용합니다.
- overflow:scroll; 사용시 스크롤바 모양과 크기 및 위치가 브라우저마다 다양하므로 확인해야 합니다.
문법(Syntax)
overflow : visible | hidden | scroll | auto
속성(Property)
속성값 | 설명 |
---|---|
visible | 지정한 영역에 요소들을 보이게 합니다. |
hidden | 지정한 영역에 넘쳐난 요소들을 안보이게 합니다. |
scroll | 지정한 영역에 무조건 스크롤 바를 생기게 합니다. |
auto | 지정한 영역에 요소들이 넘치면 자동으로 스크롤 바가 생깁니다. |
inherit | overflow-x의 속성 값을 상위요소한테 상속받습니다. |
호환성(Compatibility)
6 | 7 | 8 | 9 | 10 | 11 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
overflow | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |