예
내부 콘텐츠의 왼쪽 / 오른쪽 가장자리 클립 <div> 요소 -이 요소의 컨텐츠 영역을 오버 플로우하는 경우를 :
div
{
overflow-x: hidden;
}
»그것을 자신을 시도 정의 및 사용
오버 플로우-x 속성은 콘텐츠의 왼쪽 / 오른쪽 가장자리로 수행 할 작업을 지정 -이 요소의 컨텐츠 영역을 오버플로합니다.
Tip: 사용 오버 플로우 - y를 위쪽과 아래쪽 가장자리에서 클리핑 결정하는 속성입니다.
기본값: | visible |
---|---|
상속 : | no |
애니메이션 : | no. Read about animatable |
번역: | CSS3 |
자바 스크립트 구문 : | object .style.overflowX="scroll" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
-ms- 다음 숫자는, 접두사와 함께 일 첫 번째 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
overflow-x | 4.0 | 9.0 8.0 -ms- | 3.5 | 3.0 | 9.5 |
CSS 구문
overflow-x: visible|hidden|scroll|auto|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
visible | 함량은 클리핑되지 않고,이 콘텐츠 상자 외부에 렌더링 될 수있다 | »플레이 |
hidden | 콘텐츠가 잘립니다 - 더 스크롤 메커니즘은 제공되지 않습니다 | »플레이 |
scroll | 콘텐츠는 클립핑되어 스크롤기구가 제공된다 | »플레이 |
auto | 박스 넘쳐 제공 될 스크롤 메카니즘을 야기한다 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
관련 페이지
HTML DOM 참조 : overflowX property