Properties

Properties

Editing
  • account_tree
  • bug_report

z-index

스태킹 컨텍스트(stacking context)를 갖는 요소에게 Z축 위치의 순서를 지정한다.

설명

스태킹 컨텍스트(stacking context)를 갖는 요소의 Z축 상의 순서를 정한다. 양, 음의 정수가 모두 가능하며 오름차순으로 쌓아 올려진다. 기본 값은 auto이며 이 경우는 0의 값과 동일하다. 모든 스태킹 컨텍스트(stacking context)를 갖는 요소가 기본 값을 가지거나 동일한 값을 갖는 경우에는 마크업 순서에 따라 쌓아 올려진다.

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

음수의 값으로 설정시 position 속성이 static 값을 갖는 요소와 겹치는 경우 사용자와 상호 작용을 하는 요소들은 기능이 상실된다.

사용 가능한 값 타입

〈'z-index'〉

스태킹 컨텍스트(stacking context)를 갖는 요소에게 Z 축상의 순서를 설정하는 값을 갖는다.

  • auto | <integer> | inherit
    CSS2.0

사용되는 키워드

  • auto

    스태킹 컨텍스트(stacking context)를 갖는 요소의 스태킹 오더(stacking order)가 0의 값을 갖는다.

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

사용되는 전역 키워드

다음 전역 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • inherit

    부모 요소로부터 속성의 값을 상속받는다.

구문

  • z-index 10;
  • object.style.zIndex = "2";CSS2

    자바스크립트 형식

테스트 도구

z-index 속성에 대한 테스트

지원 웹브라우저