Style zIndex Özelliği

Tanım ve Kullanım

zIndex Yerleştirme elementinin katman sırasını ayarlar veya döndürür.

Daha büyük katman sırasına sahip (1) elementler, daha düşük katman sırasına sahip (0) bir diğer elementin önünde her zaman yer alır.

İpucu:Yerleştirme elementi position özelliği Ayarlanır:relative,absolute veya fixed elemanları.

İpucu:Yapışkan elementler oluşturmak için bu özellik çok kullanışlıdır.

Ayrıca bakınız:

CSS Eğitimi:CSS Konumlandırma

CSS Kaynak Kılavuzu:z-index özelliği

Örnek

Örnek 1

<img> elementinin katman sırasını değiştirin:

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

Kişisel olarak deneyin

Örnek 2

<div> elementinin z-index özelliği değerini değiştirin:

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

Kişisel olarak deneyin

Örnek 3

<img> elementinin z-index özelliği değerini döndürür:

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

Kişisel olarak deneyin

Gramer

zIndex özelliğini döndürün:

object.style.zIndex

zIndex özelliğini ayarlayın:

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

Özellik değeri

Değer Tanım
auto Tarayıcı, elementin katman sırasını belirler (dokümdeki sırasına dayanarak). Öntanımlı.
number Elemanın katman sırasını tanımlayan tamsayı. Negatif değerlere izin verilir.
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial.
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer: auto
Dönüş değeri: Düzenin elementin katman sırasını ifade eden bir dize.
CSS Sürümü: CSS2

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek