Mengatur Batas Atas HTML Menggunakan borderTop Style DOM
 |
| Ilustrasi borderTop HTML |
- berfungsi untuk mengembalikan properti borderTop: object.style.borderTop
- berfungsi untuk mengatur nilai properti borderTop: object.style.borderTop = "width style color|initial|inherit"
Property Values:
- width: mengatur nilai lebar dari top border.
- style: mengatur nilai style dari top border.
- color: mengatur nilai warna dari top border.
- initial: mengatur nilai properti ke nilai default-nya.
- inherit: mengatur nilai turunan properti dari nilai elemen parent.
Return Value: berfungsi untuk mengembalikan nilai sebuah string yang merepresentasikan nilai lebar, style, dan nilai warna dari elemen top border.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderTop DOM
</title>
</head>
<body>
<center>
<h1
style = "color:green;width:50%;"
id = "sudo">
Blog Elfan
</h1>
<h2>
Properti Style borderTop DOM
</h2>
<br>
<button
type = "button"
onclick = "Mkn()">
Submit
</button>
<script>
function Mkn()
{
document.getElementById("sudo").style.borderTop
= "thick solid green";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti Style borderTop DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderTop DOM
</title>
</head>
<body>
<center>
<h1
style = "color:green;">
Blog Elfan
</h1>
<h2>
Properti Style borderTop DOM
</h2>
<h3
style = "border:2px solid red;width:50%;"
id = "sudo">
Blog TIK
</h3>
<br>
<button
type = "button"
onclick = "Mkk()">
Submit
</button>
<script>
function Mkk()
{
document.getElementById("sudo").style.borderTop
= "thick dotted green";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti Style borderTop DOM
Blog TIK
- 6 Contoh Properti borderTopWidth Style DOM pada HTML [klik]
- 6 Contoh Properti borderWidth Style DOM pada HTML [klik]
- 8 Value Properti boxShadow Style DOM pada HTML [klik]
- 4 Contoh Properti boxSizing Style DOM pada HTML [klik]
- 4 Contoh Properti captionSide Style DOM pada HTML [klik]
- 6 Value Properti Clear Style DOM pada HTML [klik]
- 4 Value Properti clip Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderTop Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti borderTop Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti borderTop Style DOM pada HTML?
BalasHapusProperti borderTop Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai hingga tiga properti borderTop terpisah dalam bentuk singkatan. Dengan menggunakan properti borderTop, pengembang dapat mengatur atau mengembalikan satu atau lebih dari beberapa nilai yang telah ditentukan, seperti borderTopWidh, borderTopStyle, dan lain sebagainya.
HapusProperti HTML DOM borderTop digunakan sebagai properti singkatan yang digunakan untuk mendapatkan atau mengatur properti batas atas dari suatu elemen.
Hapus