The top property is used in CSS and certain HTML elements. It specifies part of the position of positioned elements. For absolutely positioned elements (those with position:absolute; or position:fixed;), it specifies the distance between the top margin edge of the element and the top edge of its containing block. For relatively positioned elements (those with position:relative;), it specifies the amount the element is moved below its normal position.


  • <length> - A length which can be negative, zero, or positive. Ex. px, em, etc.
  • <percentage> - A percentage of the containing block's height.
  • auto - For absolutely positioned elements, it positions the element based on the bottom property and treats height:auto; as a height based on the content. For relatively positioned elements, the offset of the element from its original position is based on the bottom property, or if bottom is also auto, it does not offset it at all.
  • inherit - Inherits the computed value from its parent element (which may not be its containing block). This computed value is then handled like it was a <length>, a <percentage>, or auto.

HTML example:

<div style="position:fixed; top:20px;">

CSS example:

div {

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.