Mengatur Nilai Border HTML Menggunakan borderBottomLeftRadius Style DOM
 |
| Ilustrasi borderBottomLeftRadius HTML |
- 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 Values: 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>
<p
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>
- 4 Value Properti borderColor Style DOM pada HTML [klik]
- 7 Value Properti borderImage Style DOM pada HTML [klik]
- 5 Contoh Penggunaan Properti borderImageOutset Style DOM pada HTML [klik]
- 4 Contoh Penggunaan Properti borderImageRepeat Style DOM pada HTML [klik]
- 5 Contoh Properti borderImageSlice Style DOM pada HTML [klik]
- 4 Contoh Properti borderImageSource Style DOM pada HTML [klik]
- 6 Contoh Properti borderImageWidth Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderBottomLeftRadius Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderBottomLeftRadius Style DOM pada HTML:
Hapus1. 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-
Apa yang dimaksud dengan properti borderBottomLeftRadius Style DOM pada HTML?
BalasHapusProperti borderBottomLeftRadius Style DOM pada HTMl merupakan properti yang digunakan untuk mengatur atau mengembalikan bentuk batas dari sudut kiri bawah pada suatu elemen HTML.
HapusProperti berdorBottomLeftRadius juga memungkinkan user untuk melakukan penambahan batas dalam bentuk bulat ke suatu elemen pada HTML.
Hapus