tutorial pengembangan web terbaru

×

JavaScript Referensi

JavaScript

JS Tali JS Jumlah JS operator JS laporan JS matematika JS Tanggal JS susunan JS boolean JS RegExp JS Global JS Konversi

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokumen DOM elemen DOM atribut DOM Acara DOM Gaya

HTML benda

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Objek lainnya

CSSStyleDeclaration

Style zIndex Property

Contoh

Mengubah urutan tumpukan dari <img> elemen:

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

Cobalah sendiri "

Definisi dan Penggunaan

The ZIndex set properti atau mengembalikan urutan tumpukan elemen diposisikan.

Sebuah elemen dengan pesanan tumpukan yang lebih besar (1) selalu di depan unsur lain dengan pesanan tumpukan rendah (0) .

Tip: Sebuah elemen diposisikan merupakan elemen dengan posisi set properti untuk: relatif, absolut, atau tetap.

Tip: Properti ini berguna jika Anda ingin membuat elemen tumpang tindih.

Dukungan Browser

Properti ZIndex didukung di semua browser utama.

Sintaksis

Kembali properti ZIndex:

object .style.zIndex

Mengatur properti ZIndex:

object .style.zIndex="auto| Nilai properti

Nilai	Deskripsi
auto	Browser menentukan urutan tumpukan elemen (berdasarkan urutan dalam dokumen). Ini adalah default
number	Integer yang mendefinisikan urutan tumpukan elemen. nilai negatif diperbolehkan
initial	Set properti ini ke nilai default. Baca tentang awal
inherit	Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default:	mobil
Kembali Nilai:	Sebuah String, mewakili urutan tumpukan elemen
CSS Versi	CSS2

Contoh lebih

Contoh

Mengubah nilai properti z-index dari <div> elemen:

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

Cobalah sendiri "

Contoh

Mengembalikan nilai properti z-index dari <img> elemen:

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

Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Positioning

Referensi CSS: z-index property