The DOM style borderTop property is used to set or return the three different border-top property such as border-top-width, border-top-style, and border-top-color of an element.
Syntax:
- It returns the borderTop property.
object.style.borderTop
- It is used to set the borderTop property.
object.style.borderTop = "width style color|initial|inherit"
Property value:
- width: This will set the width of the top border.
- style: This will set the style of the top border.
- color: This will set the color of the top border.
- initial: This will set the property to its default value.
- inherit: This will inherit the property from its parent element
Return Value: It returns a string value that represents the width, style, and/or color of the top border of an element.
Example 1: In this example, we will see the use of DOM Style borderTop Property
HTML
<!DOCTYPE html>
<html>
<head>
<title>DOM Style borderTop Property</title>
</head>
<body>
<center>
<h1 style="color:green;width:50%;" id="sudo">
GeeksForGeeks
</h1>
<h2>DOM Style borderTop Property </h2>
<br>
<button type="button" onclick="geeks()">
Submit
</button>
<script>
function geeks() {
document.getElementById("sudo").style.borderTop
= "thick solid green";
}
</script>
</center>
</body>
</html>
|
Output:
Example 2: In this example, we will see the use of DOM Style borderTop Property
HTML
<!DOCTYPE html>
<html>
<head>
<title>DOM Style borderTop Property</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Style borderTop Property </h2>
<h3 style="border:2px solid red;
width:50%;" id="sudo">
geksforgeeks
</h3>
<br>
<button type="button" onclick="geeks()">
Submit
</button>
<script>
function geeks() {
document.getElementById("sudo").style.borderTop
= "thick dotted green";
}
</script>
</center>
</body>
</html>
|
Output:
Supported Browsers: The browser supported by DOM style borderTop property are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 4 and above
- Firefox 1 and above
- Opera 3.5 and above
- Apple Safari 1 and above