Which CSS property is used to control the order of elements when they overlap?Optionsstacking-orderorderz-indexoverlap-order

Step 1: Break Down the Problem

The question asks about the CSS property that controls the order of elements when they overlap. We need to identify the correct option from the given choices.

Step 2: Relevant Concepts

In CSS, the property that determines the stacking order of overlapping elements is known as z-index. Understanding how this works is crucial to rendering overlapping elements correctly.

Step 3: Analysis and Detail

1. stacking-order: This is not a valid CSS property.
2. order: This property is used with Flexbox layout to control the order of items within a flex container but does not affect overlapping.
3. z-index: This property explicitly specifies the stack level of an element, allowing you to control which elements appear in front of or behind others.
4. overlap-order: This is also not a known CSS property.

Step 4: Verify and Summarize

The correct property for defining the order of overlapping elements is indeed z-index. This property takes numerical values, where higher numbers are positioned in front of lower numbers.

Final Answer

The correct answer is z-index.