Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Warna Batas Atas HTML Menggunakan borderTopColor Style DOM

Properti borderTopColor Style DOM pada HTML digunakan untuk mendapatkan atau mengatur nilai dari warna top border dari suatu elemen pada HTML.

3 Contoh Properti borderTopColor Style DOM pada HTML
Ilustrasi borderTopColor HTML

Sebelum memahami lebih dalam materi tentang Mengatur Warna Batas Atas HTML Menggunakan borderTopColor Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Batas Atas HTML Menggunakan borderTop Style DOM [klik], Mengatur Batas HTML Menggunakan borderStyle Style DOM [klik], dan Mengatur Batas Spasi HTML Menggunakan borderSpacing Style DOM [klik].

Sintak:
  • 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.

Baca Juga:

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.



Blog Elfan


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.



Blog Elfan


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.



Blog Elfan

Artikel ini didedikasikan kepada: Melindha Adhyana, Michael Kevin Bryan Sahertian, Mila Suryani, Muchamad Mujib, dan Muchammad Syaifur Rohim.

5 komentar untuk "Mengatur Warna Batas Atas HTML Menggunakan borderTopColor Style DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderTopColor Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderTopColor Style DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Mozilla firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti borderTopColor Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti borderTopColor Style DOM pada HTML merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilair warna batas atas dari suatu elemen HTML.

      Hapus
    2. Properti 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -