View source for CSS GUIDE LEFT

<span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br />
== Summary ==
The left property is used to horizontally offset from the left edge of an element.
<table border="0">
<tr>
<td><b>Applicability:</b></td><td>The left property can be used for positioned elements.<td>
</tr>
<tr>
<td><b>[http://developer.mozilla.org/en/docs/CSS:%40media#Media_groups Media Group:]</b>
</td><td>Visual</td>
</tr>
<tr>
<td><b>Inherited:</b></td><td>No</td>
</tr>
<tr>
<td><b>Default Value:</b></td><td>auto</td>
</tr>
</table>

== Syntax ==
<pre>
TARGET_ELEMENT{left: inhert !important}
TARGET_ELEMENT{left: auto}
TARGET_ELEMENT{left: 20%}
TARGET_ELEMENT{left: 20px}
</pre>

== Legal Values ==
<table border="1" cellspacing="2" cellpadding="5">
<tr>
<th align="left">Value</th><th align="left">Description</th>
</tr>
<tr>
<td>inherit</td><td>Explicitly sets the value to that of the parent</td>
</tr>
<tr>
<td>auto</td><td>Allows the browser to calculate the left position of the element</td>
</tr>
<tr>
<td>percentage</td><td>Sets the left position in a percentage from the left edge. Can be 0%-100%</td>
</tr>
<tr>
<td>length</td><td>Sets the left position in pixels (px), centimeters (cm), etc, from the left edge.</td>
</tr>
</table>

== Mozilla Recommended Values ==

== Usage Examples ==
<pre>
p{
position: absolute;
left: 20px
}

img{
position: absolute;
left: 15%
}

div{
position: absolute;
left: auto
}
</pre>

== 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
*[http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-left CSS 2.1]
*CSS 3

== Browser Compatibility ==
* Netscape 4, 6, 7
* Mozilla 1
* Firefox 1, 2
* Internet Explorer 4, 5, 6

== See Also ==
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_RIGHT right property]
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_BOTTOM bottom property]
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_TOP top property]
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_OVERFLOW overflow property]
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_POSITION position property]
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_VERTICAL_ALIGN vertical-align property]
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_Z_INDEX z-index property]