Skip to content

Latest commit

 

History

History
79 lines (76 loc) · 960 Bytes

z-index.md

File metadata and controls

79 lines (76 loc) · 960 Bytes
Raw

z-index

The z-index CSS property sets the z-order of a positioned element and its descendants or flex and grid items. Overlapping elements with a larger z-index cover those with a smaller one.

.z-auto .hover:z-auto .z-0 .hover:z-0 .z-1 .hover:z-1 .z-2 .hover:z-2 .z-3 .hover:z-3 .z-4 .hover:z-4 .z-5 .hover:z-5 .-z-1 .hover:-z-1 .-z-2 .hover:-z-2 .-z-3 .hover:-z-3 .-z-4 .hover:-z-4 .-z-5 .hover:-z-5

.z-auto,
.hover\:z-auto:hover {
  z-index: auto;
}
.z-0,
.hover\:z-0:hover {
  z-index: 0;
}
.z-1,
.hover\:z-1:hover {
  z-index: 1001;
}
.z-2,
.hover\:z-2:hover {
  z-index: 1002;
}
.z-3,
.hover\:z-3:hover {
  z-index: 1003;
}
.z-4,
.hover\:z-4:hover {
  z-index: 1004;
}
.z-5,
.hover\:z-5:hover {
  z-index: 1005;
}
.-z-1,
.hover\:-z-1:hover {
  z-index: -1;
}
.-z-2,
.hover\:-z-2:hover {
  z-index: -2;
}
.-z-3,
.hover\:-z-3:hover {
  z-index: -3;
}
.-z-4,
.hover\:-z-4:hover {
  z-index: -4;
}
.-z-5,
.hover\:-z-5:hover {
  z-index: -5;
}