Search within TutorialsPark

CSS left Property

To Specify the left offset of a positioned element

Definition and Notes.

1. The CSS left property defines the offset between the left outer margin edge of a positioned element and its containing block.

2. For elements positioned as absolute or fixed, it sets the distance between the left margin edge of the element and the left edge of its containing block.

3. For elements positioned as relative, it sets the distance the element is shifted above its initial position


CSS left property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note-If the styled element is not within any positioned element, then the placement is relative to the left edge of the browser window.

Property Values

Value Description
length Sets the value in length units. Values can be positive, negative and null.
% The values are specified as the percentage of containing block's width.
auto Leaves it to the browser to calculate the position of the left edge
inherit The values for the left offset is inherited from the parent elements value


Specs Value
Name left
Value <length> <percentage> | auto
Initial Value auto
Applies to Positioned Elements (i.e elements with position property other than static)
Javascript syntax"-100px"
Inherited No
Computed Value For relatively positioned elements, see description; for static elements, auto; for length values, absolute length; for percentage values, the value in percentages, or else, auto.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.