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

Syntax:

CSS left property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

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

Specifications

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 object.style.left="-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.