Efek Perubahan Ukuran HTML Menggunakan Atribut OnResize
Atribut event onresize merupakan atribut yang bekerja ketika browser melakukan resize terhadap ukuran windows pada elemen html.
Tag Pendukung:
Sintak:
<element onresize = "script">
Value Atribut: mengandung script nilai tunggal yang bekerja ketika event onresize dipanggil pada elemen html.
Catatan: atribut onresize bekerja dengan tag body pada html.
 |
| Ilustrasi OnResize HTML |
Sebelum memahami lebih dalam materi tentang Efek Perubahan Ukuran HTML Menggunakan Atribut OnResize, terlebih dahulu pelajari materi tentang: Atribut OnPageShow HTML dan Fungsinya [klik], Menentukan Efek Mode Online HTML Menggunakan Atribut OnOnline [klik], dan Mengatur Mode Offline Browser HTML Menggunakan Atribut Onoffline [klik].
- <body>
Sintak:
<element onresize = "script">
Baca Juga:
Catatan: atribut onresize bekerja dengan tag body pada html.
Contoh:
<!DOCTYPE html >
<html>
<head>
<title>
Atribut Event Onresize
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
<script>
function bons()
{
alert("Ukuran Windows Berubah") ;
}
</script >
</head>
<body onresize = "bons()">
<h1>
Blog Elfan
</h1>
<h2>
Atribut Event Onresize
</h2>
</body>
</html>
Referensi Tambahan:
- 4 Elemen Pendukung Penggunaan Atribut OnInput pada Elemen HTML [klik]
- Cara Sederhana Penggunaan Atribut OnInvalid pada Elemen HTML [klik]
- Cara Penggunaan Atribut OnReset pada Elemen HTML [klik]
- Cara Mudah Menggunakan Atribut OnSearch pada Elemen HTML [klik]
- 4 Elemen Utama dalam Penggunaan Atribut OnSelect pada HTML [klik]
- Cara Mudah Menggunakan Atribut OnSubmit pada Elemen HTML [klik]
- 11 Elemen yang Tidak Dapat Digunakan pada Atribut OnKeyDown HTML [klik]
Artikel ini didedikasikan kepada: Shofana Ramadhani, Vianisycha Amalia, Wahyu Triyono, Yuni Kartika Sari, dan Achmad Haykal.
Apa yang dimaksud dengan atribut onresize pada elemen html?
BalasHapusAtribut onresize pada html merupakan atribut yang akan berfungsi ketika window melakukan resize.
HapusBagaimana cara menggunakan atribut onresize?
BalasHapusCara penggunaan elemennya, lakukan dengan menekan tombol ctrl pada keyboard, dan secara bersamaan lakukan scroll menggunakan mouse.
HapusKetika ukuran dari windows browser berubaha, maka akan muncul pesan peringatan dibrowser.
Apa yang dimaksud dengan scroll?
BalasHapusSroll adalah cara menggeser layar web ke atas atau ke bawah, yang dilakukan dengan cara memutar tombol gulir (bulatan) pada mouse.
Hapus