CSS 참조 매뉴얼

CSS @규칙(RULES)

thuộc tính overflow xác định khi nội dung vượt qua khu vực nội dung của yếu tố là cắt nội dung, hiển thị thanh cuộn hay hiển thị nội dung vượt ra.

Bảng dưới đây mô tả cách sử dụng và lịch sử phiên bản của thuộc tính này, cũng như cách sử dụng thuộc tính này trong v.mozilla.js.

giá trị mặc định:	visible
áp dụng cho:	Block, inline-block và flex hộp
thừa kế:	아니요
애니메이션 가능:	아니요.참조: 애니메이션 속성。
버전:	CSS 2、3
JavaScript 문법:	object.style.overflow="scroll"

이 속성의 문법은 다음과 같습니다:

overflow:　auto　|　hidden　|　scroll　|　visible　|　initial　|　inherit

아래 예제는 overflow 속성을 사용하는 방법을 보여줍니다.

예제

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow:　scroll;
　　}

아래 표는 이 속성의 값을 설명합니다.

값	설명
visible	내용은 잘라내리지 않습니다. 이는 요소 프레임 외부에 렌더링되며, 따라서 다른 내용과 겹칠 수 있습니다. 기본 값입니다.
hidden	부산 요소 프레임의 내용은 잘라내려고 합니다. 나머지 내용은 보이지 않습니다.
scroll	부산 내용은 숨겨지지만, 부산 내용에 접근할 수 있는 스크롤 메커니즘을 제공합니다.
auto	내용이 요소의 프레임을 초과하면, 나머지 내용을 볼 수 있는 스크롤을 제공합니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 연결된 요소는 부모 요소의 overflow 속성 값을 사용합니다.

overflow 속성의 브라우저 호환성을 참조하십시오. 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

다음 튜토리얼을 참조하십시오:CSS Overflow。