- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to set the style of the bottom border with JavaScript?
To set the style of the bottom border, use the JavaScript borderBottomStyle property. It allows you to add a bottom border.
Example
You can try to run the following code to set the style of the bottom border −
<!DOCTYPE html>
<html>
<body>
<div id="box">Demo Text</div>
<br>
<button onclick="display()">Click to set style of bottom border</button>
<script>
function display() {
document.getElementById("box").style.borderBottomStyle = "dashed";
}
</script>
</body>
</html>
Updated on 23-Jun-2020 11:13:22
- Related Questions & Answers
- Set the style of the bottom border using CSS
- How to set the width of the bottom border with JavaScript?
- Change the style of bottom border with CSS
- How to set the style of the left border with JavaScript?
- How to set the style of the top border with JavaScript?
- How to set the style of the right border with JavaScript?
- Set the style of the border with CSS
- How to set the color of the bottom border in JavaScript DOM?
- How to set the style of an element's border with JavaScript?
- How to set the shape of the border of the bottom-left corner in JavaScript DOM?
- How to set the shape of the border of the bottom-right corner in JavaScript DOM?
- How to set border width, border style, and border color in one declaration with JavaScript?
- How to set the color of the right border with JavaScript?
- How to set the width of the top border with JavaScript?
- How to set the color of the left border with JavaScript?
Advertisements