left

The left CSS property participates in specifying the horizontal position of a positioned element. This inset property has no effect on non-positioned elements.

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

When position is set to absolute or fixed, the left property specifies the distance between the element’s outer margin of left edge and the inner border of left edge of its containing block. (The containing block is the ancestor to which the element is relatively positioned.) If the positioned element has an associated anchor element, and the property value includes an anchor() function, left positions the left edge of the positioned element relative to the position of the specified <anchor-side> edge. The left property is compatible with the left, right, start, end, self-start, self-end, center, and <percentage> values. When position is set to relative, the left property specifies the distance the element’s left edge is moved to the right from its normal position. When position is set to sticky, the left property is used to compute the sticky-constraint rectangle. When position is set to static, the left property has no effect.

Syntax example: left: 3px;