Position
Positioning in CSS provides designers and developers options for positioning HTML elements on a web page.
The CSS position can be set to static
, relative
, absolute
, or fixed
or sticky
.
Position
- bottom
- Specifies the distance of an element from the bottom of its current location if the element itself has position: relative declared or from the bottom of its nearest ancestor when the ancestor has position: relative and the element has position: absolute declared.
- left
- Specifies the distance of an element from the left of its current location if the element has position: relative declared or from the left of its nearest ancestor when the ancestor has position: relative and the element has position: absolute declared.
- position
- Defines how elements are placed within the document.
- right
- Specifies the distance of an element from the right of its current location if the element has position: relative declared or from the right of its nearest ancestor when the ancestor has position: relative and the element has position: absolute declared.
- top
- Specifies the distance of an element from the top of its current location if the element has position: relative declared or from the top of its nearest ancestor when the ancestor has position: relative and the element has position: absolute declared.
- z-index
- Sets the stack order of an element.