CSS left Property

Complete CSS Reference

Definition

The left property specifies the left edge of an element.

Note: If the "position" property has a value of "static", the "left" property has no effect. 

Inherited: No

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.left="100px"

In our HTML DOM tutorial you can find more details about the left property.

In our HTML DOM tutorial you can also find a full Style Object Reference.

Example

Possible Values

Try-It-Yourself Demos

Set the left edge of an image using a pixel value
This example demonstrates how to set the left edge of an element using a pixel value.

Set the left edge of an image using a percent value
This example demonstrates how to set the left edge of an element using a percent value.

Z-index
Z-index can be used to place an element "behind" another element.

Z-index
The elements in the example above have now changed their Z-index.

Complete CSS Reference

Learn XML with Stylus Studio XML Tools - Free Download!

Stylus Studio makes it easy to edit and validate XML, XSLT, DTD, XML Schema, XHTML, XPath, XQuery and Web Service applications. Free XML video demonstrations will help you learn XML and become a W3C XML development master in just minutes! Download a FREE Trial Now!

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2007 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999