Compare Revisions

left

Change Revisions

Revision 352555:

Revision 352555 by trevorh on

Revision 356071:

Revision 356071 by teoli on

Title:
left
left
Slug:
CSS/left
CSS/left
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

Revision 352555
Revision 356071
n21        <dfn>{{ Xref_cssinitial() }}</dfn> {{ Cssxref("auto") }}n21        <dfn>{{ Xref_cssinitial() }}</dfn> {{ cssinitial("left" }
 >}
22      </li>
23      <li>22      </li>
23      <li>
24        <dfn>Applies to</dfn> <a href="/en/CSS/position" title="e24        <dfn>Applies to</dfn> <a href="/en-US/docs/CSS/position" 
>n/CSS/position">positioned elements</a>>title="en/CSS/position">positioned elements</a>
n42    <pre class="eval">n42    <pre class="twopartsyntaxbox">
43left: &lt;length&gt; | &lt;percentage&gt; | auto | inherit ;43<a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Valu
 >e_definition_syntax">Formal syntax</a>: {{csssyntax("left")}}
44</pre>
45    <pre>
46left: 3px         /* &lt;length&gt; values */
47left: 2.4em
48 
49left: 10%         /* &lt;percentages&gt; of the height of the con
 >taining block */
50 
51left: auto
52 
53left: inherit
n50        {{ Xref_csslength() }}n60        <code>&lt;length&gt;</code>
n53        A length, can be negative, zero, or positive.n63        Is a negative, null or positive {{ xref_csslength() }} th
 >at represents:
64        <ul>
65          <li>for <em>absolutely positioned elements</em>, the di
 >stance to the left edge of the containing block;
66          </li>
67          <li>for <em>relatively positioned elements</em>, the of
 >fset that the element is moved left from its position in the norm
 >al flow if it wasn't positioned.
68          </li>
69        </ul>
n56        {{ Xref_csspercentage() }}n72        <code>&lt;percentage&gt;</code>
n59        A percentage of the containing block's width.n75        Is a {{ xref_csspercentage() }} of the containing block's
 > width, used as described in the <a href="#Summary">summary</a>.
76      </dd>
77      <dt>
78        <code>auto</code>
79      </dt>
80      <dd>
81        Is a keyword that represents:
82        <ul>
83          <li>for absolutely positioned elements, the position th
 >e element based on the {{ Cssxref("right") }} property and treat 
 ><code>width: auto</code> as a width based on the content.
84          </li>
85          <li>for relatively positioned elements, the left offset
 > the element from its original position based on the {{ Cssxref("
 >right") }} property, or if <code>right</code> is also <code>auto<
 >/code>, do not offset it at all.
86          </li>
87        </ul>
88      </dd>
89      <dt>
90        <code>inherit</code>
91      </dt>
92      <dd>
93        Is a keyword indicating that the value is the same than t
 >he computed value from its parent element (which may not be its c
 >ontaining block). This computed value is then handled like it was
 > a {{ xref_csslength() }}, {{ xref_csspercentage() }} or the <cod
 >e>auto</code> keyword.
t161    <h3>t195    <h3 id="Live_sample">

Back to History