Mengatur Lebar Luar HTML Menggunakan outerWidth Window DOM
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.
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>
Blog Elfan
Properti Window outerWidth
Untuk mengembalikan nilai lebar window browser, double klik pada tombol "Check Width":
- 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]
5 komentar untuk "Mengatur Lebar Luar HTML Menggunakan outerWidth Window 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 -
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