Properties

Properties

Draft
  • account_tree
  • bug_report

overflow-x

정해진 크기의 요소 내 내용이 넘치는 경우 가로 방향으로 어떻게 처리할 것인지를 설정한다.

설정 가능한 속성 값

  • visible기본값키워드CSS3

    기본 값이며 차고 넘치는 내용을 가로 방향의 요소 밖에서 보이게 한다.

  • hidden키워드CSS3

    정해진 크기를 가지는 요소 영역 외의 가로 방향의 내용은 보이지 않게 한다.

  • scroll키워드CSS3

    정해진 크기를 가지는 요소 가로 방향으로 스크롤바을 보이게 한다.

  • auto키워드CSS3

    정해진 요소의 크기 내에서 가로 방향으로 내용을 다 보여주지 못할 경우에만 가로 방향의 스크롤바를 생성해서 볼 수 있게 한다.

  • initial키워드CSS3

    CSS의 기본 값으로 설정한다.

구문

  • overflow-x visible or hidden or scroll or auto or initial;기본형식CSS3

    요소 내의 내용이 크기가 정해진 영역 내에 차고 넘치는 경우에 가로 방향으로 보여지는 방식을 정해진 상수 중의 하나로 설정이 가능하다. 기본 값은 'visible'이다.

  • object.style.overflowX = "scroll";자바스크립트 형식CSS3

    자바스크립트 형식

테스트 도구

overflow-x 속성에 대한 테스트

지원 웹브라우저