HTML DOM left Property
 Complete Style Object Reference
Definition and Usage
The left property sets how far the left edge of an element is to the
right/left of the left edge of the parent element.
Syntax
Object.style.left=auto|%|length
|
Possible Values
| Value |
Description |
| auto |
Lets the browser calculate the left position |
| % |
Sets the left position in % from the left edge of the
parent element |
| length |
Sets the left position in px, cm, etc. from the
left edge of the parent element. Negative values are allowed |
Tips and Notes
Note: If the "position" property has a value of "static", the "left"
property has no effect.
Example
The following example sets the left edge of an element:
<html>
<head>
<style type="text/css">
input
{
position:absolute;
}
</style>
<script type="text/javascript">
function setLeftEdge()
{
document.getElementById("b1").style.left="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="setLeftEdge()"
value="Set left edge to 100 px" />
</body>
</html>
|
Try-It-Yourself Demos
left -
Set left edge of an element
Complete Style Object Reference
 |
 |
 |
 |
|
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
 |
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
 |
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Utilize the extensive out-of-the box features or customize your site through Ektron CMS400.NET's open architecture |
 |
Promote collaboration in your organization through project workspaces where others can efficiently find information and work together |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
|
|
 |
TAKE THE VIDEO TOUR |
 |
or download a FREE TRIAL today. |
|
HOME
Printer friendly page
