HTML DOM Style borderTop Property
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" > w3wiki </ h1 > < h2 >DOM Style borderTop Property </ h2 > < br > < button type = "button" onclick = "Beginner()" > Submit </ button > < script > function Beginner() { 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;" > w3wiki </ h1 > < h2 >DOM Style borderTop Property </ h2 > < h3 style="border:2px solid red; width:50%;" id = "sudo" > geksforBeginner </ h3 > < br > < button type = "button" onclick = "Beginner()" > Submit </ button > < script > function Beginner() { 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
Contact Us