Doğuhan ELMA tarafından Layout yayınlanma tarihi
205 görünüm
z-index CSS özelliği, bir öğenin yatay düzlemdeki derinlik konumunu (z ekseni üzerinde) belirler. Bu özellik, sayfada üst üste binen öğelerin hangisinin diğerlerinin üstünde görüneceğini kontrol etmek için kullanılır. z-index yalnızca pozisyon değeri (position: relative, position: absolute, position: fixed veya position: sticky) verilmiş öğeler için geçerlidir.
Kullanılabilir Değerler:
Sayısal değerler: Pozitif veya negatif tam sayılar (1, 2, -1, -2 vb.) kullanılabilir. Büyük bir sayı, öğenin diğer öğelerin üstünde görünmesini sağlar. Varsayılan değer autodur, bu da öğenin z-index değerinin örtük olarak ebeveyninin z-index değeri ile aynı olduğu anlamına gelir.
auto: Öğenin z-index değeri, onu içeren ebeveynin z-index değeriyle aynı olur.
TailwindCSS:
|
Class
|
Properties
|
|---|---|
| z-0 | z-index: 0; |
| z-10 | z-index: 10; |
| z-20 | z-index: 20; |
| z-30 | z-index: 30; |
| z-40 | z-index: 40; |
| z-50 | z-index: 50; |
| z-auto | z-index: auto; |
0 Yorum
Önerilen Yorumlar
Görüntülenecek yorum yok.