Gaya zIndex Properti
Contoh
Ubah urutan tumpukan elemen <img>:
document.getElementById("img1").style.zIndex = "1";
Definisi dan Penggunaan
Properti zIndex menetapkan atau mengembalikan urutan tumpukan dari elemen yang diposisikan.
Elemen dengan urutan tumpukan lebih besar (1) selalu di depan elemen lain dengan urutan tumpukan lebih rendah (0).
Tip: Elemen yang diposisikan adalah elemen dengan properti posisi disetel ke: relatif, absolut, atau tetap.
Tip: Properti ini berguna jika Anda ingin membuat elemen yang tumpang tindih.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti zIndex:
object.style.zIndex
Setel properti zIndex:
object.style.zIndex = "auto|number|initial|inherit"
Nilai properti
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | mobil |
---|---|
Nilai Kembali: | Sebuah String, mewakili urutan tumpukan elemen |
Versi CSS | CSS2 |
Lebih Banyak Contoh
Contoh
Ubah nilai properti indeks-z dari elemen <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Contoh
Kembalikan nilai properti indeks-z dari elemen <img>:
alert(document.getElementById("img1").style.zIndex);
Halaman Terkait
Tutorial CSS: Pemosisian CSS
Referensi CSS: properti indeks-z
Objek Gaya