Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Batas Kanan HTML Menggunakan borderRight Style DOM

Properti borderRigth Style DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai properti border-right seperti border-right-width, border-right-style, dan border-right-color dari suatu elemen.

5 Value Properti borderRight Style DOM pada HTML
Ilustrasi Properti borderRight

Sebelum memahami lebih dalam materi tentang Mengatur Batas Kanan HTML Menggunakan borderRight Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Batas Radius HTML Menggunakan borderRadius Style DOM [klik], Mengatur Batas Lebar Kiri HTML Menggunakan borderLeftWidth Style DOM [klik], dan Mengatur Border Kiri HTML Menggunakan borderLeftStyle DOM [klik].

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

Property Values:
  • width: mengatur nilai width dari right border.
  • style: mengatur nilai style dari right border.
  • color: mengatur nilai color dari right border.
  • initial: mengatur nilai properti ke nilai default-nya.
  • inherit: menerima nilai properti turunan dari elemen parent.

Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan nilai ukuran width, style, dan color right border dari suatu elemen.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Style borderRight DOM

</title>

</head>

 

<body>

<center>

 

<h1 

style="color:green;width:50%;

id="sudo">

Blog Elfan

</h1>

 

<h2>

Properti Style borderRight DOM

</h2>

 

<br>

 

<button 

type="button" 

onclick="Nnss1s()">

Submit

</button>

 

<script>

function Nnss1s() 

{

document.getElementById("sudo").style.borderRight

= "thick solid green";

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

Properti Style borderRight DOM




Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Style borderRight DOM

</title>

</head>

 

<body>

<center>

 

<h1 

style="color:green;">

Blog Elfan

</h1>

 

<h2>

Properti Style borderRight DOM

</h2>

 

<h3 

style="border:2px solid red;width:50%;"

id="sudo">

Blog TIK

</h3>

 

<br>

 

<button 

type="button" 

onclick="vss2s()">

Submit

</button>

 

<script>

function vss2s() 

{

document.getElementById("sudo").style.borderRight

= "thick dotted green";

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

Properti Style borderRight DOM

Blog TIK



Artikel ini didedikasikan kepada: Izza Alya Fatma, Izzani Salsabillah, Laelatul Khasanah, Linno Guntur Wibowo, dan Luthfia Nabila.

5 komentar untuk "Mengatur Batas Kanan HTML Menggunakan borderRight Style DOM"

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

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

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

    BalasHapus
    Balasan
    1. Properti borderRight Style DOM pada HTML merupakan properti yang berfungsi untuk mengatur atau mengembalikan hingga tiga nilai properti borderRight yang terpisah, dalam bentuk singkatan atau shorthand.

      Hapus
    2. Properti borderRight Style DOM pada HTML merupakan properti singkatan yang digunakan untuk mendapatkan nilai atau mengatur nilai properti batas kanan atau borderRight untuk suatu elemen tertentu pada HTML.

      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 -