CSS top Property - CSS Portal

The top property specifies the distance from the element's top outer margin to the top edge of the content block.

Initial valueauto
Applies toPositioned elements
InheritedNo
MediaVisual
Computed valueIf specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, 'auto'.
AnimatableYes
CSS VersionCSS2, CSS3
JavaScript syntaxobject.style.top

Formal syntax: auto | <length> | <percentage>

top: 20px;
top: 10%;
top: auto;

<length>Floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px).
<percentage>Integer, followed by a percent sign (%). The value is a percentage of the height of the parent object.
autoDefault position, according to the regular HTML layout of the page.

.class {
   display: block;
   position: absolute;
   top: 50px; right: 100px; bottom: 50px; left: 100px;
}

1+

Firefox

6+

Explorer

1+

Chrome

1+

Safari

8+

Opera

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.