MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Compare Revisions

position

Change Revisions

Revision 236879:

Revision 236879 by teoli on

Revision 238935:

Revision 238935 by teoli on

Title:
position
position
Slug:
CSS/position
CSS/position
Content:

Revision 236879
Revision 238935
n4 n
5    <style type="text/css">
6![CDATA[.cssprop {
7    display:table;
8    padding: 0.4em;
9    border-left:0.15em solid;
10    background-color:#eeeeff
11    }
12    .cssprop li {
13    display:table-row;
14    padding: 3px;
15    margin:0;
16    }
17    .cssprop li dfn {
18    display:table-cell;
19    padding: 0 5px;
20    border-bottom: none;
21    cursor:inherit;
22    }
23 
24    ]]>
25    </style>
n32    <h3 id="Summary">n10    <h2 id="Summary">
n34    </h3>n12    </h2>
n40        <nobr><dfn>{{ Xref_cssinitial() }}:</dfn> <code>static</cn18        <dfn>{{ Xref_cssinitial() }}:</dfn> <code>static</code>
>ode></nobr> 
41      </li>
42      <li>19      </li>
43        <nobr><dfn>Applies to:</dfn> all elements</nobr>
44      </li>20      <li>
21        <dfn>Applies to:</dfn> all elements
45      <li>22      </li>
46        <nobr><dfn>{{ Xref_cssinherited() }}:</dfn> no</nobr>
47      </li>23      <li>
24        <dfn>{{ Xref_cssinherited() }}:</dfn> no
48      <li>25      </li>
49        <nobr><dfn>Media:</dfn> {{ Xref_cssvisual() }}</nobr>
50      </li>26      <li>
27        <dfn>Media:</dfn> {{ Xref_cssvisual() }}
51      <li>28      </li>
52        <nobr><dfn>{{ Xref_csscomputed() }}:</dfn> as specified</
>nobr> 
53      </li>29      <li>
30        <dfn>{{ Xref_csscomputed() }}:</dfn> as specified
54    </ul>31      </li>
55    <p>32    </ul>
33    <p>
56      <nobr>A <strong>positioned element</strong> is an element w34      A <strong>positioned element</strong> is an element whose <
>hose <a href="/en/CSS/computed_value" title="en/CSS/computed_valu>a href="/en/CSS/computed_value" title="en/CSS/computed_value">com
>e">computed</a> position property is <code>relative</code>, <code>puted</a> position property is <code>relative</code>, <code>absol
>>absolute</code>, or <code>fixed</code>.</nobr>>ute</code>, or <code>fixed</code>.
57    </p>
58    <p>35    </p>
59      <nobr>An <strong>absolutely positioned element</strong> is 
>an element whose <a href="/en/CSS/computed_value" title="en/CSS/c 
>omputed_value">computed</a> position property is <code>absolute</ 
>code> or <code>fixed</code>.</nobr> 
60    </p>36    <p>
37      An <strong>absolutely positioned element</strong> is an ele
 >ment whose <a href="/en/CSS/computed_value" title="en/CSS/compute
 >d_value">computed</a> position property is <code>absolute</code> 
 >or <code>fixed</code>.
61    <p>38    </p>
39    <p>
62      <nobr>The {{ Cssxref("top") }}, {{ Cssxref("right") }}, {{ 40      &gt;The {{ Cssxref("top") }}, {{ Cssxref("right") }}, {{ Cs
>Cssxref("bottom") }}, and {{ Cssxref("left") }} properties specif>sxref("bottom") }}, and {{ Cssxref("left") }} properties specify 
>y the position of positioned elements.</nobr>>the position of positioned elements.
n64    <h3 id="Syntax">n42    <h2 id="Syntax">
n66    </h3>n44    </h2>
n99    <h3 id="Examples">n77    <h2 id="Examples">
n101    </h3>n79    </h2>
102    <h4 id="Relative_positioning">80    <h3 id="Relative_positioning">
n104    </h4>n82    </h3>
n108    <pre>n86    <pre class="Brush: css">
n112      &nbsp;Note how the other elements are displayed as if "Two"n90      Note how the other elements are displayed as if "Two" were 
> were in its normal position and taking up space.>in its normal position and taking up space.
n117    <h4 id="Absolute_positioning">n95    <h3 id="Absolute_positioning">
n119    </h4>n97    </h3>
n126    <pre>n104    <pre class="Brush: css">
n136    <h4 id="Fixed_positioning">n114    <h3 id="Fixed_positioning">
n138    </h4>n116    </h3>
n142    <pre>n120    <pre class="Brush: css">
n154    <p>n
155      &nbsp;
156    </p>
157    <p>
158      &nbsp;
159    </p>
160    <p>
161      &nbsp;
162    </p>
163    <p>
164      &nbsp;
165    </p>
166    <p>
167      &nbsp;&nbsp;
168    </p>
169    <h3 id="Notes">132    <h2 id="Notes">
n171    </h3>n134    </h2>
n190    <h3 id="Browser_Compatibility" name="Browser_Compatibility">n153    <h2 id="Browser_Compatibility" name="Browser_Compatibility">
n192    </h3>n155    </h2>
n308    <h4 id="Gecko_notes">n271    <h3 id="Gecko_notes">
n310    </h4>n273    </h3>
n314    <h4 id="Internet_Explorer_notes">n277    <h3 id="Internet_Explorer_notes">
n316    </h4>n279    </h3>
n320    <h3 id="Specifications">n283    <h2 id="Specifications">
n322    </h3>n285    </h2>
n328    <h3 id="See_also">n291    <h2 id="See_also">
n330    </h3>n293    </h2>
t335    <p>t
336      {{ languages( { "de": "de/CSS/position", "es": "es/CSS/posi
>tion", "fr": "fr/CSS/position", "zh-cn": "cn/CSS/position" } ) }} 
337    </p>

Back to History