top

Support Key: [CSS2|CSS2.1] [IE4|N4|O4|S1]
Other Positioning Properties
right
bottom
left
vertical-align
overflow
overflow-x
overflow-y
text-overflow
clip
z-index
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   auto
Applicable Elements:
Positioned Elements
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
<layer top="N">
Official Docs:
CSS2: Sect. 9.3.2, CSS2.1: Sect 9.3.2
What is it?
This describes the vertical offset for the top edge of the absolutely positioned element box from the top edge of the element's containing block. For relatively positioned boxes, the offsets are relative to where the box would appear normally in the document flow. Positive values are below the parent block's top edge and negative values are above.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O5|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
auto
[CSS2|CSS2.1] [IE4|N6|O4|S1]
Type: Explicit
Description:
Default offset in the regular layout of the page.
[length]
[CSS2|CSS2.1] [IE4|N4|O4|S1]
Type: Explicit
Description:
Refers to an absolute distance from the reference containing block. Negative values are allowed.
[percentage]
[CSS2|CSS2.1] [IE4|N4|O4|S1]
Type: Calculated
Description:
Refers to a percentage of the height of the parent containing block. If the parent containing block does not have an explicit height, this value is interpreted like 'auto'.
Example
Ext/Doc: h2 { display: block; position: absolute;
top: 20px; right: 50px; bottom: 20px; left: 50px }
In-Line:  <h2 STYLE="display: block; position: absolute;
top: 20px; right: 50px; bottom: 20px; left: 50px">text</h2>
Notes Browser Peculiarities

Boring Copyright Stuff....