CSS - left


Advertisements


Description

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";

Example

Here is the example which shows effect of this property −

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

It will produce the following result −



Advertisements