UK [ˈbɔ:də stail] US [ˈbɔrdɚ staɪl]
Edge style
javascript borderStyle attribute syntax
Function: Set or return the border style for all four borders.
Syntax: Object.style.borderStyle=style
Parameters: none Define no border. hidden is the same as "none". Except when applied to tables, for which hidden is used to resolve border conflicts. dotted defines a dotted border. Renders as a solid line in most browsers. dashed defines a dashed line. Renders as a solid line in most browsers. solid defines a solid line. double defines double lines. The width of the double line is equal to the value of border-width. groove defines the 3D groove border. The effect depends on the value of border-color. ridge defines a 3D ridge border. The effect depends on the value of border-color. inset defines the 3D inset border. The effect depends on the value of border-color. Outset defines the 3D outset border. The effect depends on the value of border-color.
javascript borderStyle attribute example
<html>
<head>
<style>
p
{
border: thick solid #FF0000
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.borderStyle="dotted double";
}
</script>
</head>
<body>
<form>
<input type="button" onclick="changeBorder()"
value="Change paragraph border style" />
</form>
<p id="p1">This is a paragraph</p>
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance