Mengatur Tranparansi Elemen HTML Menggunakan Opacity Style DOM
Sintak:
- digunakan untuk mengembalikan nilai properti opacity: object.style.opacity
- digunakan untuk mengatur nilai properti opacity: object.style.opacity = "number|initial|inherit"
Property Values:
- number: berfungsi untuk menentukan nilai opacity dengan rentang nilainya antara 0.0 hingga 1.0.
- initial: berfungsi untuk mengatur nilai properti opacity ke nilai default-nya.
- inherit: berfungsi untuk menerima nilai properti dari elemen parent.
Return Values: mengembalikan sebuah nilai string yang merepresentasikan nilai level opacity dari suatu elemen.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style opacity DOM
</title>
</head>
<body>
<center>
<h1
style="color:green;">
Blog Elfan
</h1>
<h2>
Properti Style opacity DOM
</h2>
<div
id="mm1">
Merupakan portal ilmu
komputer.
</div>
<button
type="button"
onclick="Bon1s()">
set Decoration
</button>
<script>
function Bon1s()
{
document.getElementById("mm1").style.opacity
= "0.3";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style opacity DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style opacity DOM
</title>
<style>
#mn2
{
width: 150px;
height: 40px;
background-color: green;
}
</style>
</head>
<body>
<center>
<h1
style="color:green;">
Blog Elfan
</h1>
<h2>
Properti Style opacity DOM
</h2>
<div
id="mn2"
style="color:white">
Merupakan portal ilmu
komputer.
</div>
<button
type="button"
onclick="Bon2s()">
change opacity
</button>
<script>
function Bon2s()
{
document.getElementById("mn2").style.opacity
= "0";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style opacity DOM
- 3 Value Properti outlineOffset Style DOM pada HTML
- 12 Value Properti outlineStyle DOM pada HTML
- 6 Contoh Properti outlineWidth Style DOM pada HTML
- 6 Value Properti Overflow Style DOM pada HTML
- 6 Contoh Properti overflowX Style DOM pada HTML
- 6 Contoh Properti overflowY Style DOM pada HTML
- 4 Contoh Properti Padding Style DOM pada HTML
6 komentar untuk "Mengatur Tranparansi Elemen HTML Menggunakan Opacity 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 browse apa saja yang biasa digunakan oleh seorang pengembang untuk mengaktifkan properti opacity Style DOM pada HTML?
BalasHapusBerikut merupakan beberapa jenis browser yang biasa digunakan oleh seorang pengembang untuk mengaktifkan properti opacity Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti Opacity Style DOM pada HTML?
BalasHapusProperti opacity style dom pada HTML merupakan properti yang digunakan untuk menetapkan atau mengembalikan tingkat opacity suatu elemen.
HapusApa yang dimaksud dengan tingkat Opacity Suatu elemen pada properti Opacity style dom pada HTML?
BalasHapusTingkat opacity suatu elemen menggambarkan tingkat transpaansinya, dimana 1 menyatakan tidak transparan sama sekalli, 0,5 menyatakan transparan 50%, dan 0 menyatakan benar-benar transparan.
Hapus