Properties

Properties

Draft
  • account_tree
  • bug_report

z-index

position 속성 값이 relative, absolute, fixed로 설정된 요소의 쌓이는 순서를 설정한다.

설정 가능한 속성 값

  • auto기본값키워드CSS2

    기본 값이며 부모 요소와 동일한 겹침 순서를 설정한다. 같은 조상의 자손들중 형제 요소들에게 적용하는 경우에는 마크업 순서에 따라서 먼저 작성된게 아래에 위치하게 된다.

  • number숫자CSS2

    정수를 지정해서 쌓이는 순서를 설정하며 높은 값일수록 상위에 위치한다. 음수 값도 설정이 가능하다.

    • 음수 허용
  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • z-index auto or number or initial;기본형식CSS2

    요소의 쌓이는 순서를 기본 값으로 지정하거나 정수를 사용해서 순서를 지정한다.

  • object.style.zIndex = "2";자바스크립트 형식CSS2

    자바스크립트 형식

테스트 도구

z-index 속성에 대한 테스트

지원 웹브라우저