HTML DOM paddingBottom Property
Complete Style Object Reference
Definition and Usage
The paddingBottom property sets the bottom padding of an element.
The padding properties define the space between the element border and the
element content.
Syntax
Object.style.paddingBottom=length|%
|
Possible Values
Value |
Description |
length |
Defines a fixed bottom padding |
% |
Defines a bottom padding in % of the total height of the
document |
Example
The following example changes the bottom padding between a paragraph and its
border:
<html>
<head>
<style type="text/css">
p
{
border: thin dotted #FF0000;
}
</style>
<script type="text/javascript">
function changePadding()
{
document.getElementById("p1").style.paddingBottom="2cm";
}
</script>
</head>
<body>
<input type="button" onclick="changePadding()"
value="Change bottom padding" />
<p id="p1">This is a paragraph</p>
</body>
</html>
|
Try-It-Yourself Demos
paddingBottom - Change the bottom padding between a paragraph and its border
Complete Style Object Reference
|