HTML DOM bottom Property
 Complete Style Object Reference
Definition and Usage
The bottom property sets how far the bottom edge of an element is above/below
the bottom edge of the parent element.
Syntax
Object.style.bottom=auto|%|length
|
Possible Values
| Value |
Description |
| auto |
Lets the browser calculate the bottom position |
| % |
Sets the bottom position in % from the bottom edge of
the parent element |
| length |
Sets the bottom position in px, cm, etc. from the
bottom edge of the parent element. Negative values are allowed |
Tips and Notes
Note: If the "position" property has a value of "static", the "bottom"
property has no effect.
Example
The following example sets the bottom edge of a button:
<html>
<head>
<style type="text/css">
input
{
position:absolute;
}
</style>
<script type="text/javascript">
function setBottomEdge()
{
document.getElementById("b1").style.bottom="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="setBottomEdge()"
value="Set bottom edge to 100 px" />
</body>
</html>
|
Try-It-Yourself Demos
bottom - Set the bottom 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
