Jump to content
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

CSS

  • entries
    53
  • comments
    0
  • views
    1,341

CSS z-index özelliği ve TailwindCSS Sınıf Karşılığı


Doğuhan ELMA

51 views

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;

 

1.png

0 Comments


Recommended Comments

There are no comments to display.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...