DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mengatur Batas Kiri Warna HTML Menggunakan borderLeftColor Style DOM

Properti borderLeftColor Style DOM pada HTML memungkinkan user untuk mengatur atau mendapatkan nilai warna yang ditujukan ke left border dari suatu elemen.

4 Value Properti borderLeftColor Style DOM pada HTML
Ilustrasi borderLeftColor HTML

Sintak:
  • digunakan untuk mengembalikan nilai properti borderLeftColor: object.style.borderLeftColor
  • digunakan untuk mengatur nilai properti borderLeftColor: object.style.borderLeftColor = "color|transparent|initial|inherit"

Return Value: digunakan untuk mengembalikan nilai warna dari left border elemen.

Baca Juga:

Property Values:
  • color: menentukan warna border dari elemen yang berkoresponden, dengan nilai default-nya adalah warna Black.
  • transparent: mengatur warna border dari elemen yang berkoresponden ke nilai transparent.
  • initial: jika tidak terdapat nilai apapun yang ditentukan untuk suatu field, maka nilainya akan diturunkan dari nilai elemen parent. Jika pada nilai parent tidak terdapat nilai apapun yang diturunkan, berarti nilai tersebut adalah nilai root yang akan mengambil nilai initial (atau nilai default).
  • inherit: berfungsi untuk menenrapkan nilai initial (atau nilai default) dari elemen sebuah properti ke elemen tertentu, dimana nilai initial yang ditentukan sebelumnya harus tidak menyebabkan kebingunan ketika penentuan nilai pada browser style sheet. Ketikan borderColor diatur ke nilai initial, maka akan memunculkan nilai warna black, yang sekaligus merupakan nilai warna default-nya.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<style>

#MMN1 

{

width: 200px;

margin-left: 210px;

border: thick solid green;

}

</style>

</head>

 

<body 

align="center">

 

<p>

Klik tombol untuk mengubah 

warna border left dari 

elemen.

</p>

 

<button 

type="button" 

onclick="myMNNs()">

Click to change

</button>

 

<br>

<br>

 

<div 

id="MMN1">

Blog Elfan

</div>

 

<script>

function myMNNs() 

{

document.getElementById("MMN1")

.style.borderLeftColor = "red";

}

</script>

 

</body>

 

</html>

Output:

Klik tombol untuk mengubah warna border left dari elemen.



Blog Elfan


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<style>

#MKK2 

{

width: 200px;

margin-left: 210px;

border: thick solid green;

}

</style>

</head>

 

<body 

align="center">

 

<p>

Klik untuk mengubah warna 

left border dari elemen.

</p>

 

<button 

type="button" 

onclick="myMKK2s()">

Click to change

</button>

 

<br>

<br>

 

<div 

id="MKK2">

Blog Elfan

</div>

 

<script>

function myMKK2s() 

{

document.getElementById("MKK2")

.style.borderLeftColor = "yellow";

}

</script>

 

</body>

 

</html>

Output:

Klik untuk mengubah warna left border dari elemen.



Blog Elfan


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<style>

#MKK3n 

{

width: 200px;

margin-left: 210px;

border: thick solid green;

}

</style>

</head>

 

<body 

align="center">

 

<p>

Klik tombol untuk mengubah 

warna left border dari 

elemen.

</p>

 

<button 

type="button" 

onclick="myMK3s()">

Click to change

</button>

 

<br>

<br>

 

<div 

id="MKK3n">

Blog Elfan

</div>

 

<script>

function myMK3s() 

{

document.getElementById("MKK3n")

.style.borderLeftColor = "transparent";

}

</script>

 

</body>

 

</html>

Output:

Klik tombol untuk mengubah warna left border dari elemen.



Blog Elfan

Komentar

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

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

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

    BalasHapus
    Balasan
    1. Properti HTML DOM borderLeftColor digunakan untuk mengatur warna batas kiri elemen pada dokumen HTML.

      Hapus
    2. Properti HTML DOM borderLeftColor digunakan untuk menetapkan warna batas kiri dari suatu elemen, dimana hal ini menjelaskan nilai border-left-color, tetapi seringkali akan lebih mudah digunakan untuk memperbaiki warna kiri border sebagai bagian dari kumpulan steno, baik untuk border-left atau border-color.

      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)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java 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