Javascript examples for CSS Style Property:borderBottomStyle
The borderBottomStyle property sets or gets the bottom border style.
Value | Description |
---|---|
none | No border. Default |
hidden | No border, except for table elements |
dotted | a dotted border |
dashed | a dashed border |
solid | a solid border |
double | double line borders. |
groove | a 3D grooved border. |
ridge | a 3D ridged border. |
inset | a 3D inset border. |
outset | a 3D outset border. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |
Item | Value |
---|---|
Default Value: | none |
Return Value: | A String, representing the style of an element's bottom border |
CSS Version | CSS1 |
Get bottom border of a <div> element:
<!DOCTYPE html> <html> <body> <div id="myDiv" style="border-bottom:double;">This is a div.</div> <br> <button type="button" onclick="myFunction()">Return bottom border style</button> <script> function myFunction() {/*from w ww .j a v a 2 s . c om*/ console.log(document.getElementById("myDiv").style.borderBottomStyle); } </script> </body> </html>