z-index CSS Property

Definition Of z-index property:

The z-index is a property of CSS that can set stack order for a HTML element.

What z-index property can do?

This z-index property can be used when you have many elements in same parent container, so this property allows you to set the stack order for elements, the element with greater stack order will in front or lower one. It will not work with non positioned elements.

How to use CSS z-index property?

Syntax:

1

z-index: integer | aut

Example:

1

z-index:-2;

How to use CSS z-index property in Javascript?

You can set value of z-index property with Javascript in following manner:

1

object.style.zIndex="3"

Related posts

• counter-increment
• rendering-intent
• image-orientation
• margin-left
• caption-side
• string-set
• overflow-style
• font-variant
• border-bottom-right-radius
• column-count