HTML DOM paddingRight Property
 Complete Style Object Reference
Definition and Usage
The paddingRight property sets the right padding of an element.
The padding properties define the space between the element border and the
element content.
Syntax
Object.style.paddingRight=auto|length|%
|
Possible Values
| Value |
Description |
| length |
Defines a fixed right padding |
| % |
Defines a right padding in % of the total width of the
document |
Example
The following example changes the right 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.paddingRight="2cm";
}
</script>
</head>
<body>
<input type="button" onclick="changePadding()"
value="Change right padding" />
<p id="p1">This is a paragraph. This is a paragraph.
This is a paragraph. This is a paragraph.
This is a paragraph. This is a paragraph.</p>
</body>
</html>
|
Try-It-Yourself Demos
paddingRight - Change the right padding between a paragraph and its border
Complete Style Object Reference
 |
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|
