Mengatur Warna Batas Atas HTML Menggunakan borderTopColor Style DOM
 |
| Ilustrasi borderTopColor HTML |
- berfungsi untuk mengembalikan nilai properti borderTopColor: object.style.borderTopColor
- berfungsi untuk mengatur nilai properti borderTopColor: object.style.borderTopColor = "color|transparent|initial|inherit"
Return Value: berfungsi untuk mengembalikan nilai warna dari top border dari suatu elemen.
Property Values:
color: digunakan untuk menentukan warna dari border dari elemen yang bersesuaian, dengan nilai default-nya adalah warna hitam atau black.
- Sintak: borderTopColor = "red"
- Sintak: borderTopColor = "yellow"
transparent: digunakan untuk mengatur warna dari top border dari suatu elemen untuk menjadi transparan.
- Sintak: borderTopColor = "transparent"
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderTopColor
DOM
</title>
<style>
#MMM1_Div
{
width: 200px;
margin-left: 210px;
border: thick solid green;
}
</style>
</head>
<body align="center">
<p>
Klik tombol untuk mengubah
warna border kanan dari border
elemen.
</p>
<button
type="button"
onclick="myNNN1s()">
Click to change
</button>
<br>
<br>
<div
id="MMM1_Div">
Blog Elfan
</div>
<script>
function myNNN1s()
{
document.getElementById("MMM1_Div")
.style.borderTopColor = "red";
}
</script>
</body>
</html>
Output:Klik tombol untuk mengubah warna border kanan dari border elemen.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderTopColor
DOM
</title>
<style>
#KKK2_Div
{
width: 200px;
margin-left: 210px;
border: thick solid green;
}
</style>
</head>
<body align="center">
<p>
Klik tombol untuk mengubah
warna border top dari elemen.
</p>
<button
type="button"
onclick="myKKK2s()">
Click to change
</button>
<br>
<br>
<div
id="KKK2_Div">
Blog Elfan
</div>
<script>
function myKKK2s()
{
document.getElementById("KKK2_Div")
.style.borderTopColor = "yellow";
}
</script>
</body>
</html>
Output:Klik tombol untuk mengubah warna border top dari elemen.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderTopColor
DOM
</title>
<style>
#CCC3_Div
{
width: 200px;
margin-left: 210px;
border: thick solid green;
}
</style>
</head>
<body align="center">
<p>
Klik tombol untuk mengubah
warna border kanan dari
elemen.
</p>
<button
type="button"
onclick="myCCC3s()">
Click to change
</button>
<br>
<br>
<div
id="CCC3_Div">
Blog Elfan
</div>
<script>
function myCCC3s()
{
document.getElementById("CCC3_Div")
.style.borderTopColor = "transparent";
}
</script>
</body>
</html>
Output:Klik tombol untuk mengubah warna border kanan dari elemen.
- 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]
- 2 Contoh Properti color Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderTopColor Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderTopColor Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Mozilla firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti borderTopColor Style DOM pada HTML?
BalasHapusProperti borderTopColor Style DOM pada HTML merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilair warna batas atas dari suatu elemen HTML.
HapusProperti borderTopColor Style DOM pada HTML digunakan untuk mengatur warna batas atas dari suatu elemen. Dimana properti borderStyle atau borderTopStyle akan selalu dideklarasikan terlebih dahulu sebelum properti borderTopColor, karena suatu elemen harus memiliki nilai batas terlebih dahulu sebelum pengembang dapat melakukan pengubahan warna pada elemen tersebut.
Hapus