Difference between revisions of "CSS GUIDE LEFT"
(→Legal Values) |
(→Usage Examples) |
||
| Line 45: | Line 45: | ||
== Usage Examples == | == Usage Examples == | ||
| + | <pre> | ||
| + | p{ | ||
| + | position: absolute; | ||
| + | left: 20px | ||
| + | } | ||
| + | |||
| + | img{ | ||
| + | position: absolute; | ||
| + | left: 15% | ||
| + | } | ||
| + | |||
| + | div{ | ||
| + | position: absolute; | ||
| + | left: auto | ||
| + | } | ||
| + | </pre> | ||
== Notes == | == Notes == | ||
Revision as of 22:34, 11 December 2006
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 |
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
}
