CSS bottom Property

The bottom CSS Property allows you to change an element's vertical position. The bottom property is used to specify the value of an element's position relative to the bottom of the viewport.

If the position value is fixed or absolute, the element adjusts its bottom edge in relation to the bottom edge of its parent element or the block that it is held in.

If the position value is relative, the element is positioned relative to its current bottom edge.

If the position value is sticky, the element adjusts its relative position when it is inside the viewport and fixes its position when it is outside the viewport.




Property Values

Value Description
auto Allows the browser to calculate the position of the bottom edge. This is the default setting.
length Sets the bottom edge position in pixels, centimeters, and so on. Negative values are permitted. Learn more about length units.
% Sets the position of the bottom edge in percentage of the containing element. Negative values are permitted.
initial This property is set to its default value. Learn more about the beginning.
inherit This property is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
bottom 1.0 1.0 1.0 5.0 6.0