Mengatur Lebar Luar HTML Menggunakan outerWidth Window DOM
Properti window outerWidth DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai outer dari browser window yang sedang digunakan. Properti ini juga melibatkan semua jenis elemen interface seperti toolbar, scrollbar, dan lain sebagainya. Properti outerWidth merupakan properti yang sifatnya read-only dan mengembalikan sebuah angka yang merepresentasikan nilai lebar dari window browser dalam satuan piksel.
Sebelum memahami lebih dalam materi tentang Mengatur Lebar Luar HTML Menggunakan outerWidth Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Panjang Luar HTML Menggunakan outerHeight DOM [klik], Window Opener HTML DOM dan Fungsinya [klik], dan Mengatur Nama Halaman HTML Menggunakan window.name DOM [klik].
Sintak:
window.outerWidth
Return Values: berfungsi untuk mengembalikan sebuah nilai numerik yang merepresentasikan lebar window browser, dan juga termasuk segala jenis elemen interface dalam satuan piksel.
Berikut adalah ilustrasi program dari penggunaan properti Window outerWidth.
Contoh: mendapatkan nilai lebar dari window browser.
 |
| Properti outerWidth DOM |
Sintak:
window.outerWidth
Return Values: berfungsi untuk mengembalikan sebuah nilai numerik yang merepresentasikan lebar window browser, dan juga termasuk segala jenis elemen interface dalam satuan piksel.
Baca Juga:
Contoh: mendapatkan nilai lebar dari window browser.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window outerWidth DOM
pada HTML
</title>
<style>
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Window outerWidth
</h2>
<p>
Untuk mengembalikan nilai
lebar window browser, double
klik pada tombol "Check
Width":
</p>
<button
ondblclick="pixel()">
Check Width
</button>
<p id="outerwidth"></p>
<script>
function pixel()
{
var width = window.outerWidth;
document.getElementById("outerwidth").innerHTML =
"Width : " + width;
}
</script>
</body>
</html>
Output:
Blog Elfan
Properti Window outerWidth
Untuk mengembalikan nilai lebar window browser, double klik pada tombol "Check Width":
Referensi Tambahan:
- Penggunaan Properti screenTop Window DOM pada HTML [klik]
- Penggunaan Properti screenX Window DOM pada HTML [klik]
- Penggunaan Properti screenY Window DOM pada HTML [klik]
- Penggunaan Properti sessionStorage() Window DOM pada HTML [klik]
- Penggunaan Properti self() Window DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Window Status DOM pada HTML [klik]
- Penggunaan Properti top() Window DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Maulia Fandhi Suprapto, Mavra Guher, Maya Putri Valentina, Minerva Putri Jullianne Bahrudin, dan Mitha Kamilia Adi Wijaya.
Sebutkan lima contoh jenis browser yang dapat digunakan untuk mengaktifkan properti outerWidth DOM pada HTML?
BalasHapusBerikut ini adalah lima contoh browser populer yang dapat digunakan untuk mengaktifkan properti outerWidth DOM pada HTML:
Hapusa. Google Chrome
b. Internet Explorer
c. Firefox
d. Opera
e. Safari
Apa yang dimaksud dengan properti outerWidth Window DOM pada HTML?
BalasHapusProperti outerWidth Window DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai width atau nilai lebar bagian luar dari jendela browser, termasuk semua jenis elemen antarmuka didalamnya.
HapusMerupakan properti yang diatur dalam tipe integer yang digunakan untuk mengembalikan nilai lebar window dalam satuan piksel. Secara default, properti outerWidth merupakan properti yang tidak memiliki nilai default apapun.
Hapus