HTML DOM paddingLeft Property
 Complete Style Object Reference
Definition and Usage
The paddingLeft property sets the left padding of an element.
The padding properties define the space between the element border and the
element content.
Syntax
Object.style.paddingLeft=length|%
|
Possible Values
| Value |
Description |
| length |
Defines a fixed left padding |
| % |
Defines a left padding in % of the total width of the
document |
Example
The following example changes the left 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.paddingLeft="2cm";
}
</script>
</head>
<body>
<input type="button" onclick="changePadding()"
value="Change left padding" />
<p id="p1">This is a paragraph</p>
</body>
</html>
|
Try-It-Yourself Demos
paddingLeft - Change the left 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. |
|
|
|
