top
Determines the vertical distance between the top edge of a positioned element and the top edge of its containing block.
Quick example
.box {
position: absolute;
top: 20px;
/* shifts the element 20px down from the top edge */
}Quick facts
Initial value
autoInherited
No
Applies to
positioned elements
Animation type
lpc
Values
autoanchoranchor-size top Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1+
12+