Positioning

Introduction

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

Position Properties

Property Values Description
Z Index number, auto Specifies the stack order of an element. Z index only works on positioned elements (absolute, relative, or fixed).
Position static, relative, absolute, fixed Specifies the type of positioning method used for an element.
Top number, auto For 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.

Right number, auto For 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.

Bottom number, auto For 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.

Left number, auto For 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