CSS GUIDE LEFT

This document is a work in progress and is subject to change.

Summary

The left property is used to horizontally offset from the left edge of an element.

Applicability:	The left property can be used for positioned elements.
Media Group:	Visual
Inherited:	No
Default Value:	auto

Syntax

TARGET_ELEMENT{left: inhert !important}
TARGET_ELEMENT{left: auto}
TARGET_ELEMENT{left: 20%}
TARGET_ELEMENT{left: 20px}

Legal Values

Value	Description
inherit	Explicitly sets the value to that of the parent
auto	Allows the browser to calculate the left position of the element
percentage	Sets the left position in a percentage from the left edge. Can be 0%-100%
length	Sets the left position in pixels (px), centimeters (cm), etc, from the left edge.

Usage Examples

p{
position: absolute;
left: 20px
}

img{
position: absolute;
left: 15%
}

div{
position: absolute;
left: auto
}

Notes

When left property is used with the position property, if the position property has a value of "static", the left property has no effect on the element.

Specification Conformance

• CSS 1
• CSS 2.1
• CSS 3

Browser Compatibility

• Netscape 4, 6, 7
• Mozilla 1
• Firefox 1, 2
• Internet Explorer 4, 5, 6

See Also

• right property
• bottom property
• top property
• overflow property
• position property
• vertical-align property
• z-index property