CSS3 overflow-속성 사용 방법 및 예제

overflow-CSS 속성이 요소 내용 영역의 상단 및 하단 모서리에서 내용이 범위를 벗어났을 때 내용을 잘라내리는지, 스크롤을 표시하는지, 혹은 넘치는 내용을 표시하는지를 지정합니다.

아래 표는 이 속성의 사용 설명과 버전 역사를 설명하며, 이 속성이 JavaScript 스크립트에서 사용하는 문법입니다。

y-문법 사용

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

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

다음 예제는 overflow 속성을 사용하는 방법을 설명합니다。-y 속성。

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

속성 값

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

브라우저 호환성

overflow-y 속성의 브라우저 호환성, 아래 표는 이 속성을 지원하는 브라우저의 최저 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。

더 읽기

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

관련 속성:overflow，overflow-x，clip，word-wrap。