CSS position Property

CSS Reference Complete CSS Reference

Example

Position an h2 element:

h2
{
position:absolute;
left:100px;
top:150px;
}

Try it yourself »

More examples at the bottom of this page.

Definition and Usage

The position property is used to position an element.

Default value: static
Inherited: no
Version: CSS2
JavaScript syntax: object.style.position="absolute"

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The position property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Property Values

Value Description
absolute Generates an absolutely positioned element, positioned relative to the first parent element that has a position other than static. The element's position is specified with the "left", "top", "right", and "bottom" properties
fixed Generates an absolutely positioned element, positioned relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties
relative Generates a relatively positioned element, positioned relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position
static Default. No position, the element occurs in the normal flow (ignores any top, bottom, left, right, or z-index declarations)
inherit Specifies that the value of the position property should be inherited from the parent element

Examples

Try it Yourself - Examples

Position:relative
This example demonstrates how to position an element relative to its normal position.

Related Pages

CSS tutorial: CSS Classification

HTML DOM reference: position property

CSS Reference Complete CSS Reference