4 Value Properti borderBottomLeftRadius Style DOM pada HTML

Properti style borderBottomLeftRadius DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai radius border dari bottom-left corner.

Sintak:
  • berfungsi untuk mengembalikan nilai properti borderBottomLeftRadius: object.style.borderBottomLeftRadius
  • berfungsi untuk mengatur properti borderBottomLeftRadius: object.style.borderBottomLeftRadius = "length|%|initial|inherit"

Parameter:
  • length: digunakan untuk mendefinisikan shape dari bottom-left corner dengan nilai default adalah 0.
  • %: digunakan untuk melakukan proses yang sama seperti parameter length namun dengan format ukur persen.
  • initial: digunakan untuk mengatur properti borderBottomLeftRadius ke nilai default-nya.
  • inherit: digunakan untuk menerima nilai properti turunan dari elemen parent.

Return Value: digunakan untuk mengembalikan nilai radius dari border bottom left corner.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<style>

div 

{

border: 1px solid black;

width: 300px;

text-align:center;

padding:30px;

color: green;

}

</style>

 

</head>

 

<body>

 

<div 

id = "main">

 

<h1>

Blog Elfan

</h1>

 

<button 

onclick="myBon1s()">

Click Here!

</button>

 

</div>

 

<script>

function myBon1s() 

{

document.getElementById("main").style.borderBottomLeftRadius

= "35px";

}

</script>

 

</body>

 

</html>


Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<style>

div 

{

border: 1px solid black;

width: 300px;

text-align:center;

padding:30px;

color: green;}

</style>

 

</head>

 

<body>

 

<div 

id = "main">

 

<h1>

Blog Elfan

</h1>

 

</div>

 

<br>

 

<button 

onclick="myBon2s()">

Click Here!

</button>

 

<

id="val">

</p>

 

<script>

function myBon2s() 

{

document.getElementById("main").style.borderBottomLeftRadius

= "35px";

 

var x =

document.getElementById("main").style.borderBottomLeftRadius;

 

document.getElementById("val").innerHTML

= "Border Radius: " + x;

}

</script>

 

</body>

 

</html>

Komentar

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

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderBottomLeftRadius Style DOM pada HTML:
      1. Google Chrome 5.0, 4.0 -webkit-
      2. Internet Explorer 9.0
      3. Firefox 4.0, 3.0 -moz-
      4. Opera 10.5
      5. Safari 5.0, 3.1 -webkit-

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

    BalasHapus
    Balasan
    1. Properti borderBottomLeftRadius Style DOM pada HTMl merupakan properti yang digunakan untuk mengatur atau mengembalikan bentuk batas dari sudut kiri bawah pada suatu elemen HTML.

      Hapus
    2. Properti berdorBottomLeftRadius juga memungkinkan user untuk melakukan penambahan batas dalam bentuk bulat ke suatu elemen pada HTML.

      Hapus

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C