CSS z-index Özelliği
CSS1
Position uygulanan etiketlerin z konumundaki yerini ayarlamak için kullanılır. Photoshop'taki layer mantığı gibi düşünebilirsiniz, büyük değerlerli etiketler küçük değerlerli etiketlerin üstünde kalırlar.
Yapısı (Syntax)z-index: auto | sayı | initial | inherit ;
| Varsayılan Değer | auto |
| JavaScript Yapısı |
object.style.zIndex="sayı"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| auto | Varsayılan değerdir. Bir üst element ile aynı değeri alır. | CSS1 |
| sayı | Öğenin sırasını belirler. Negatif sayılara izin verilir. | CSS1 |
| initial | Varsayılan değerine geri döndürür. | CSS1 |
| inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
Örneğin kutu1 öğesinin kutu2 öğesinin altında kalmasını sağlayalım.
.kutu1 {
position: absolute;
z-index: 1;
}
.kutu2 {
position: relative;
z-index: 2;
}