CSS TOP

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.

Example
1
2
3
4
5
6
7
8
h2 {
  display: block;
  position: absolute;
  top: 20px;
  right: 50px;
  bottom: 20px;
  left: 50px
}
1
2
3
4
<h2 style="display: block; position: absolute;
  top: 20px; right: 50px; bottom: 20px; left: 50px"
>
    content
</h2>

Possible Values

inherit: Explicitly sets the value of this property to that of the parent.
auto: Default offset in the regular layout of the page.
[length]: Refers to an absolute distance from the reference containing block. Negative values are allowed.
[percentage]: Refers to a percentage of the height of the parent containing block. If the parent containing block does not have an explicit value, this value is interpreted like ‘auto’.