Stil zIndex Özelliği
Örnek
Bir <img> öğesinin yığın sırasını değiştirin:
document.getElementById("img1").style.zIndex = "1";
Tanım ve Kullanım
zIndex özelliği, konumlandırılmış bir öğenin yığın sırasını ayarlar veya döndürür.
Daha büyük yığın düzenine (1) sahip bir öğe, her zaman daha düşük yığın sırasına sahip (0) başka bir öğenin önündedir.
İpucu: Konumlandırılmış öğe, konum özelliği göreli, mutlak veya sabit olarak ayarlanmış bir öğedir.
İpucu: Bu özellik, örtüşen öğeler oluşturmak istiyorsanız kullanışlıdır.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
zIndex özelliğini döndürün:
object.style.zIndex
zIndex özelliğini ayarlayın:
object.style.zIndex = "auto|number|initial|inherit"
Mülk değerleri
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 |
Teknik detaylar
Varsayılan değer: | Oto |
---|---|
Geri dönüş değeri: | Bir elemanın yığın sırasını temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
Bir <div> öğesinin z-index özellik değerini değiştirin:
document.getElementById("myDIV").style.zIndex = "-1";
Örnek
Bir <img> öğesinin z-index özellik değerini döndürün:
alert(document.getElementById("img1").style.zIndex);
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
CSS referansı: z-index özelliği
❮ Stil Nesnesi