CSS GUIDE LEFT
This document is a work in progress and is subject to change.
Contents
Summary
The left property is used to horizontally offset from the left edge of an element.
Applicability: | The left property can be used for all CSS 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. |
Mozilla Recommended Values
Usage Examples
p{ position: absolute; left: 20px } img{ position: absolute; left: 15% } div{ position: absolute; left: auto }
Notes
When left 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