top

The top CSS property sets the vertical position of a positioned element. This inset property has no effect on non-positioned elements.

The effect of top depends on how the element is positioned (i.e., the value of the position property):

When position is set to absolute or fixed, the top property specifies the distance between the element’s outer margin of the top edge and the inner border of the top edge of its containing block, or, in the case of anchor positioned elements when the anchor() function is used within the value, relative to the specified <anchor-side> edge. The top property is compatible with the top, bottom, start, end, self-start, self-end, center, and <percentage> values. When position is set to relative, the top property specifies the distance the element’s top edge is moved below its normal position. When position is set to sticky, the top property is used to compute the sticky-constraint rectangle. When position is set to static, the top property has no effect.

Syntax example: top: 3px;