Position

Introduction

The position properties specify where the element is shown on the page.

Position Properties

PropertyValuesDescription
Z Indexnumber, autoSpecifies the stack order of an element. Z index only works on positioned elements (absolute, relative, or fixed).
Positionstatic, relative, absolute, fixedSpecifies the type of positioning method used for an element.
Topnumber, autoFor Absolutely: positioned elements, the top property sets the top edge of an element to a unit above/below the top edge of its containing element.

For Relatively: positioned elements, the top property sets the top edge of an element to a unit above/below its normal position.

Rightnumber, autoFor Absolutely: positioned elements, the right property sets the right edge of an element to a unit to the left/right of the right edge of its containing element.

For Relatively: positioned elements, the right property sets the right edge of an element to a unit to the left/right to its normal position.

Bottomnumber, autoFor Absolutely: positioned elements, the bottom property sets the bottom edge of an element to a unit above/below the bottom edge of its containing element.

For Relatively: positioned elements, the bottom property sets the bottom edge of an element to a unit above/below its normal position.

Leftnumber, autoFor Absolutely: positioned elements, the left property sets the left edge of an element to a unit to the left/right of the left edge of its containing element.

For Relatively: positioned elements, the left property sets the left edge of an element to a unit to the left/right to its normal position.

Was this article helpful?
YesNo

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor