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'>

DEVDIC-Specified Data Types

z-index 속성에 사용되는 타입이다.

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

  • CSS2.0
    auto | <integer> | inherit

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <integer>

    <number-token> 유형 플래그가 'integer'인 소숫점이 없는 정수를 표현한다.

    • [HYPHEN-MINUS]?[0-9]

      0에서 9까지의 숫자로 구성된다. 선택적으로 음수 기호(U+002D HYPHEN-MINUS)가 앞에 올 수 있다.

    Details

    포함된 타입

    • <number-token>

      Number Token Railroad Diagrams

      + - digit . digit digit . digit e E + - digit

사용되는 키워드

  • auto

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

사용되는 전역 키워드

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

  • inherit

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

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'z-index'〉auto

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

  • CSS Cascading and Inheritance Level 4

구문

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

테스트 도구

z-index 속성에 대한 테스트

버전 명세

Modules
Module NameStatusSummary
CSS2.2초안 작업

Last review date: 2022-6-4

지원 웹브라우저