Mendapatkan Lebar Screen HTML Menggunakan availWidth
Properti screen availWidth pada HTML merupakan properti yang digunakan untuk mengembalikan nilai lebar dari screen user dalam satuan ukuran pixels. Nilai tersebut dikembalikan oleh properti screen availWidth beserta nilai fitur interface seperti Windows Taskbar.
Sintak:
screen.availWidth
Return Values: berfungsi untuk mengembalikan nilai angka yang merepresentasikan ukuran lebar dari screen pengguna dalam satuan pixels.
Berikut adalah program ilustrasi dari properti screen availWidth.
Contoh: mendapatkan ukuran lebar dari screen user.
 |
| Ilustrasi availWidth HTML |
Sebelum memahami lebih dalam materi tentang Mendapatkan Lebar Screen HTML Menggunakan availWidth, terlebih dahulu pelajari materi tentang: Memeriksa Panjang Screen HTML Menggunakan availHeight Screen [klik], Memeriksa Method Taint HTML Menggunakan taintEnabled DOM Navigator [klik], dan Memeriksa Status Java HTML Menggunakan javaEnabled Navigator [klik].
screen.availWidth
Return Values: berfungsi untuk mengembalikan nilai angka yang merepresentasikan ukuran lebar dari screen pengguna dalam satuan pixels.
Berikut adalah program ilustrasi dari properti screen availWidth.
Baca Juga:
Contoh: mendapatkan ukuran lebar dari screen user.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Screen availWidth
HTML
</title>
<style>
h1
{
color: green;}
h2
{
font-family: Impact;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Screen availWidth
</h2>
<p>
Untuk mengembalikan ukuran
lebar screen, lakukan double
klik pada tombol "Screen
Width":
</p>
<button
ondblclick="screen_width()">
Screen Width
</button>
<p id="width"></p>
<script>
function screen_width()
{
var w = "Screen width: "
+ screen.availWidth
+ "px";
document.getElementById("width").innerHTML = w;
}
</script>
</body>
</html>
Output:
Blog Elfan
Properti Screen availWidth
Untuk mengembalikan ukuran lebar screen, lakukan double klik pada tombol "Screen Width":
Referensi Tambahan:
- 8 Contoh Penggunaan Properti alignContent Style DOM pada HTML [klik]
- 7 Contoh Penggunaan Properti alignItems Style DOM pada HTML [klik]
- 8 Contoh Penggunaan Properti alignSelf Style DOM pada HTML [klik]
- 8 Value Properti Animasi Style DOM pada HTML [klik]
- 3 Value Properti animationDelay Style DOM pada HTML [klik]
- 6 Value Properti animationDirection Style DOM pada HTML [klik]
- 3 Value Properti animationDuration Style DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Belinda Agustina, Bethsaydo Vadesma Hiqma Ramadhan, Bheryant Agustia Bagus Putrawan, Cikal Lestania Pramesti, dan Citra Hernik.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti screen availWidth pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti screen availWidth pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari properti screen availWidth pada HTML?
BalasHapusProperti availWidth merupakan properti yang mengembalikan jumlah nilai atau ukuran ruang secara horizontal dalam satun ukur piksel yang tersedia untuk jendela atau screen pengguna.
HapusProperti availWidth merupakan properti yang mengembalikan ukuran lebar layar pengguna dalam satuan pixel.
Hapus