Mengatur Batas Kiri HTML Menggunakan borderLeft Style DOM
 |
| Ilustrasi borderLeft HTML |
- digunakan untuk mengembalikan nilai properti borderLeft: object.style.borderLeft
- digunakan untuk mengatur nilai properti borderLeft: object.style.borderLeft = "width style color|initial|inherit"
Property Value:
- width: berfungsi untuk mengatur nilai lebar dari left border.
- style: berfungsi untuk mengatur nilai style dari left border.
- color: berfungsi untuk mengatur nilai warna dari left border.
- initial: berfungsi untuk mengatur nilai properti ke nilai default-nya.
- inherit: berfungsi untuk menerima nilai properti turunan dari elemen parent.
Return Value: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan nilai lebar, style, dan warna dari elemen left border.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderLeft DOM
</title>
</head>
<body>
<center>
<h1
style = "color:green;width:50%;" id = "sudo">
Blog Elfan
</h1>
<h2>
Properti Style borderLeft DOM
</h2>
<br>
<button
type = "button"
onclick = "Bonss()">
Submit
</button>
<script>
function Bonss()
{
document.getElementById("sudo").style.borderLeft
= "thick solid green";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti Style borderLeft DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderLeft DOM
</title>
</head>
<body>
<center>
<h1
style = "color:green;">
Blog Elfan
</h1>
<h2>
Properti Style borderLeft DOM
</h2>
<h3
style = "border:2px solid red;width:50%;"
id = "sudo">
Blog TIK
</h3>
<br>
<button
type = "button"
onclick = "Bons1s()">
Submit
</button>
<script>
function Bons1s()
{
document.getElementById("sudo").style.borderLeft
= "thick dotted green";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti Style borderLeft DOM
Blog TIK
- 5 Value Properti borderRight Style DOM pada HTML [klik]
- 2 Contoh Penggunaan Tag Legend untuk Pendefinisian Title HTML [klik]
- 12 Nilai Properti borderRightStyle DOM pada HTML [klik]
- 6 Nilai Properti borderRightWidth Style DOM pada HTML [klik]
- 3 Value Properti borderSpacing Style DOM pada HTML [klik]
- 12 Value Properti borderStyle Style DOM pada HTML [klik]
- 5 Value Properti borderTop Style DOM pada HTML [klik]
5 komentar untuk "Mengatur Batas Kiri HTML Menggunakan borderLeft Style DOM"
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 -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderLeft Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderLeft Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti borderLeft Style DOM pada HTML?
BalasHapusProperti borderLeft Style DOM pada HTML digunakan untuk mengatur atau menyetel dan mengembalikan nilai hingga tiga properti kiri-batas yang terpisah, dalam form singkatan. Dengan menggunakan properti borderLeft, pengembang juga dapat melakukan pengaturan atau mengembalian satu atau lebih urutan dari border-left-width.
HapusProperti HTML DOM borderLeft digunakan sebagai singkatan untuk mendapatkan atau menyetel properti batas kiri untuk suatu elemen.
Hapus