CSS left property

Description

CSS left property represents the distance of left side of current box either from the left side of parent box or from the original position depending upon the value of position property.

The current element should have position property otherwise left property will not work. We apply position:absolute; property to the current element.

Syntax

left : auto | length | percentage

Property values

autoDefault

It does not replace the current box.

left: auto;

length

It represents the distance of the left side of the current box from the left side of the parent box.

The box is 100px away from the left side of the parent box (absolute position).

left: 100px;

percentage

Actually percentage represents height of the parent box.

The box is 20% away from the left side of the parent box (absolute position).

left: 20%;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
The current element should have position property otherwise left property will not work.
×

Ctrl+D