Style Object marginBottom Property
Style Object
Definition and Usage
The marginBottom property sets the bottom margin of an element.
Syntax
|
Object.style.marginBottom=auto|length|%
|
Possible Values
| Value |
Description |
| auto |
The browser sets a bottom margin |
| length |
Defines a fixed bottom margin |
| % |
Defines a bottom margin in % of the total height of the
document |
Example
Example
The following example changes the bottom margin of a paragraph:
<html>
<head>
<script type="text/javascript">
function changeMargin()
{
document.getElementById("p1").style.marginBottom="32px";
}
</script>
</head>
<body>
<input type="button" onclick="changeMargin()"
value="Change the bottom margin of a paragraph" />
<p>This is a paragraph</p>
<p id="p1">This is a paragraph</p>
<p>This is a paragraph</p>
</body>
</html>
|
Try it yourself »
|
Style Object

Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file,
Excel 2007, XBRL, or Web services data. Then it transforms data instantly or
auto-generates royalty-free code for recurrent conversions.
New features in Version 2010!
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
- Available in 32-bit and 64-bit versions
Download a fully-functional trial today!
|
|
|
|