Compare Revisions

position

Change Revisions

Revision 25387:

Revision 25387 by Mgjbot on

Revision 25388:

Revision 25388 by TigerSoldier on

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

Revision 25387
Revision 25388
n8      {{template.CSSRef()}}n8      {{ CSSRef() }}
n17      <li>{{template.Xref_cssinitial()}}: {{template.Cssxref("stan17      <li>{{ Xref_cssinitial() }}: {{ Cssxref("static") }}
>tic")}} 
n21      <li>{{template.Xref_cssinherited()}}: non21      <li>{{ Xref_cssinherited() }}: no
n23      <li>Media: {{template.Xref_cssvisual()}}n23      <li>Media: {{ Xref_cssvisual() }}
n25      <li>{{template.Xref_csscomputed()}}: as specifiedn25      <li>{{ Xref_csscomputed() }}: as specified
n35      The {{template.Cssxref("top")}}, {{template.Cssxref("right"n35      The {{ Cssxref("top") }}, {{ Cssxref("right") }}, {{ Cssxre
>)}}, {{template.Cssxref("bottom")}}, and {{template.Cssxref("left>f("bottom") }}, and {{ Cssxref("left") }} properties specify the 
>")}} properties specify the position of positioned elements.>position of positioned elements.
n79      For relatively positioned elements, the {{template.Cssxref(n79      For relatively positioned elements, the {{ Cssxref("top") }
>"top")}} or {{template.Cssxref("bottom")}} property specifies the>} or {{ Cssxref("bottom") }} property specifies the vertical offs
> vertical offset from the normal position and the {{template.Cssx>et from the normal position and the {{ Cssxref("left") }} or {{ C
>ref("left")}} or {{template.Cssxref("right")}} property specifies>ssxref("right") }} property specifies the horizontal offset.
> the horizontal offset. 
n82      For absolutely positioned elements, the {{template.Cssxref(n82      For absolutely positioned elements, the {{ Cssxref("top") }
>"top")}}, {{template.Cssxref("right")}}, {{template.Cssxref("bott>}, {{ Cssxref("right") }}, {{ Cssxref("bottom") }}, and {{ Cssxre
>om")}}, and {{template.Cssxref("left")}} properties specify offse>f("left") }} properties specify offsets from the edge of the elem
>ts from the edge of the element's containing block (what the elem>ent's containing block (what the element is positioned relative t
>ent is positioned relative to). The margin of the element is then>o). The margin of the element is then positioned inside these off
> positioned inside these offsets.>sets.
n85      Most of the time, absolutely positioned elements have <coden85      Most of the time, absolutely positioned elements have <code
>>auto</code> values of {{template.Cssxref("height")}} and {{templ>>auto</code> values of {{ Cssxref("height") }} and {{ Cssxref("wi
>ate.Cssxref("width")}} computed to fit the contents of the elemen>dth") }} computed to fit the contents of the element. However, no
>t. However, non-replaced absolutely positioned elements can be ma>n-replaced absolutely positioned elements can be made to fill the
>de to fill the available space by specifying (as other than <code> available space by specifying (as other than <code>auto</code>) 
>>auto</code>) both {{template.Cssxref("top")}} and {{template.Css>both {{ Cssxref("top") }} and {{ Cssxref("bottom") }} and leaving
>xref("bottom")}} and leaving {{template.Cssxref("height")}} unspe> {{ Cssxref("height") }} unspecified (that is, <code>auto</code>)
>cified (that is, <code>auto</code>). Likewise for {{template.Cssx>. Likewise for {{ Cssxref("left") }}, {{ Cssxref("right") }}, and
>ref("left")}}, {{template.Cssxref("right")}}, and {{template.Cssx> {{ Cssxref("width") }}.
>ref("width")}}. 
n91      <li>If both {{template.Cssxref("top")}} and {{template.Cssxn91      <li>If both {{ Cssxref("top") }} and {{ Cssxref("bottom") }
>ref("bottom")}} are specified (technically, not <code>auto</code>>} are specified (technically, not <code>auto</code>), {{ Cssxref(
>), {{template.Cssxref("top")}} wins.>"top") }} wins.
n93      <li>If both {{template.Cssxref("left")}} and {{template.Cssn93      <li>If both {{ Cssxref("left") }} and {{ Cssxref("right") }
>xref("right")}} are specified, {{template.Cssxref("left")}} wins >} are specified, {{ Cssxref("left") }} wins when {{ Cssxref("dire
>when {{template.Cssxref("direction")}} is <code>ltr</code> (Engli>ction") }} is <code>ltr</code> (English, horizontal Japanese, etc
>sh, horizontal Japanese, etc.) and {{template.Cssxref("right")}} >.) and {{ Cssxref("right") }} wins when {{ Cssxref("direction") }
>wins when {{template.Cssxref("direction")}} is <code>rtl</code> (>} is <code>rtl</code> (Arabic, Hebrew, etc.).
>Arabic, Hebrew, etc.). 
n111      {{template.Cssxref("display")}}, {{template.Cssxref("float"n111      {{ Cssxref("display") }}, {{ Cssxref("float") }}, {{ Cssxre
>)}}, {{template.Cssxref("top")}}, {{template.Cssxref("right")}}, >f("top") }}, {{ Cssxref("right") }}, {{ Cssxref("bottom") }}, {{ 
>{{template.Cssxref("bottom")}}, {{template.Cssxref("left")}}>Cssxref("left") }}
t113    <div class="noinclude"></div>{{ wiki.languages( { "es": "es/Ct113    <div class="noinclude"></div>{{ languages( { "es": "es/CSS/po
>SS/position", "fr": "fr/CSS/position" } ) }}>sition", "fr": "fr/CSS/position", "zh-cn": "cn/CSS/position" } ) 
 >}}

Back to History