HTML DOM borderLeftStyle Property
 Complete Style Object Reference
Definition and Usage
The borderLeftStyle property sets the style of the left border.
Syntax
Object.style.borderLeftStyle=style
|
Possible Values
| Value |
Description |
| none |
Defines no border |
| hidden |
Same as "none", except in border conflict
resolution for table elements |
| dotted |
Defines a dotted border |
| dashed |
Defines a dashed border |
| solid |
Defines a solid border |
| double |
Defines two borders. The width of the two borders are
the same as the border-width value |
| groove |
Defines a 3D grooved border. The effect depends on the
border-color value |
| ridge |
Defines a 3D ridged border. The effect depends on the
border-color value |
| inset |
Defines a 3D inset border. The effect depends on the
border-color value |
| outset |
Defines a 3D outset border. The effect depends on the
border-color value |
Example
The following example changes the style of the left border:
<html>
<head>
<style type="text/css">
p
{
border: thick solid #FF0000;
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.borderLeftStyle="dotted";
}
</script>
</head>
<body>
<input type="button" onclick="changeBorder()"
value="Change left border" />
<p id="p1">This is a paragraph</p>
</body>
</html>
|
Try-It-Yourself Demos
borderLeftStyle - Change the style of the left border
Complete Style Object Reference
Want To Be A Web Master?
If you want to be a Web Master, you will have to host your web site with an ISP (Internet Service Provider).
MaximumASP offers seven different configurations of dedicated servers to meet your Windows and .NET hosting needs.
Hosted on our multi-tiered Enterprise Class network, these servers provide the performance, security and reliability
you need to host your high end web sites and applications.
Visit MaximumASP
| 
HOME
Printer friendly page
