Tell me about the position property in CSS. What values does it have?

The position property in CSS defines how an element is positioned on the page and affects how it interacts with other elements.

Main position values:

• static — default value. The element is positioned in the normal flow of the document, and top, bottom, left, right properties do not apply.
• relative — the element is positioned relative to its normal position. You can offset the element using top, bottom, left, right, while the space in the flow is preserved.
• absolute — the element is positioned relative to the nearest ancestor with a position other than static (or relative to the viewport if none exists). The element is taken out of the normal flow.
• fixed — the element is fixed relative to the browser window and does not move when scrolling.
• sticky — the element behaves as relative until it reaches a specified position during scrolling, then it behaves as fixed.

Example of usage:

.element {
  position: absolute;
  top: 10px;
  left: 20px;
}