Name
top
Values:
<length> | <percentage> | auto | inherit
Initial value:
auto
Applies to:
Positioned elements (that is, elements for which the value of position is something other than static).
Inherited:
No.
Percentages:
Refer to the height of the containing block.
Computed value:
For relatively positioned elements, see Note; for static elements, auto; for length values, the corresponding absolute length; for percentage values, the specified value; otherwise, auto.
Note:
For relatively positioned elements, if both top and bottom are auto, their computed values are both 0; if one of them is auto, it becomes the negative of the other; if neither is auto, bottom becomes the negative of the value of top.
Description:
This property defines the offset between the top outer margin edge of a positioned element and the top edge of its containing block.
Examples:
#masthead {position: fixed; top: 0;}
sub {position: relative; top: 0.5em; vertical-align: baseline;}Supported by:
Firefox, Internet Explorer, Opera, Safari.
Get CSS Pocket Reference, 3rd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
