CSS - left



The left property defines an offset of the left edge of an absolutely positioned element from the left edge of its positioning context, or the horizontal distance which a relatively positioned element will be displaced.

Possible Values

  • length − A fixed distance from the left of the positioning context.

  • percent − Some percentage of the width of the positioning context, assuming that the width of the context has been set explicitly.

  • auto − Default. Lets the browser calculate the left position.

Applies to

All the HTML positioned element.

DOM Syntax

object.style.left = "2px";


Here is the example which shows effect of this property −

      <p style="position:absolute; left:100px;">
      This line will be positioned 100px away from the left edge of this window.

It will produce the following result −