Style Object borderBottom Property
 Style Object
Definition and Usage
The borderBottom property sets all properties for the bottom border in one
declaration.
Syntax
|
Object.style.borderBottom=borderWidth borderStyle borderColor
|
| Parameter |
Description |
Values |
| borderWidth |
Sets the width of the border |
thin
medium
thick
length |
| borderStyle |
Sets the style of the border |
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset |
| borderColor |
Sets the color of the border |
color-name
color-rgb
color-hex
transparent |
Example
Example
The following example changes the bottom border:
<html>
<head>
<style type="text/css">
p {border: thin dotted #FF0000}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.borderBottom="thick solid blue";
}
</script>
</head>
<body>
<input type="button" onclick="changeBorder()"
value="Change bottom paragraph border" />
<p id="p1">This is a paragraph with a border</p>
</body>
</html>
|
Try it yourself »
|
Style Object
Start Creating a stunning, Flash website. It's easy and free!
Wix is a revolutionary web design tool that provides you with a free, simple,
drag & drop editing platform to create your own professional and beautiful website.
Over 2 Million users have created their website with Wix.
Now create yours!
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4500 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
