DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

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

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

Komentar

  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

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas