Atribut Style zIndex

Definisi dan penggunaan

zIndex Atribut yang menetapkan atau mengembalikan urutan tingkat elemen yang ditempatkan.

Elemen dengan urutan tingkat yang lebih tinggi (1) selalu berada di depan elemen lain dengan urutan tingkat yang lebih rendah (0).

Petunjuk:Elemen yang ditempatkan adalah Atribut position Ditetapkan:relative,absolute atau fixed elemen.

Petunjuk:Atribut ini sangat berguna untuk menciptakan elemen yang berlapis.

Lihat juga:

Panduan CSS:Pemosisian CSS

Panduan CSS:Atribut zIndex

Contoh

Contoh 1

Ubah urutan tingkat elemen <img>:

document.getElementById("img1").style.zIndex = "1";

Coba sendiri

Contoh 2

Ubah nilai atribut z-index elemen <div>:

document.getElementById("myDIV").style.zIndex = "-1";

Coba sendiri

Contoh 3

Kembalikan nilai atribut z-index elemen <img>:

alert(document.getElementById("img1").style.zIndex);

Coba sendiri

Sintaks

Kembalikan atribut zIndex:

object.style.zIndex

Atur atribut zIndex:

object.style.zIndex = "auto|number|initial|inherit"

Nilai atribut

Nilai Deskripsi
auto Perambatan browser menentukan urutan tingkat elemen (berdasarkan urutan di dokumen). Baku.
number Bilangan yang menentukan urutan tingkat elemen. Diperbolehkan nilai negatif.
initial Atur atribut ini ke nilai baku. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai baku: auto
Nilai kembalian: String yang merepresentasikan urutan tingkat elemen.
Versi CSS: CSS2

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan