Search within TutorialsPark

CSS top Property


To Specify the top offset of a positioned element


Definition and Notes.

1. The CSS top property defines the offset between the top outer margin edge of a positioned element and its containing block.

2. For elements positioned as absolute or fixed, it sets the distance between the top margin edge of the element and the top edge of its containing block.

3. For elements positioned as relative, it sets the distance the element is shifted above its initial position

Syntax:

CSS top property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-The value top overrides the value of bottom, incase of a conflict of values.

Property Values

Value Description
length Sets the value in length units. Values can be positive, negative and null.
% The values are specified as the percentage of containing block's height.
auto Leaves it to the browser to calculate the position of the top edge
inherit The values for the top offset is inherited from the parent elements value

Specifications

Specs Value
Name top
Value <length> <percentage> | auto
Initial Value auto
Applies to Positioned Elements (i.e elements with position property other than static)
Javascript syntax object.style.top="-100px"
Inherited No
Computed Value For relatively positioned elements, see description; for static elements, auto; for length values, absolute length; for percentage values, the value in percentages, or else, auto.
Browser Support internetexplorer safari firefox opera chrome


Related Examples.