Memeriksa Nilai Lebar HTML Menggunakan Width Screen
Properti screen width pada HTML digunakan untuk mengembalikan nilai lebar total dari screen pengguna yang dikembalikan dalam satuan ukur piksel.
Sintak:
screen.width
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan notal nilai dari ukuran lebar dalam satuan piksel.
Berikut adalah ilustrasi program dari penggunaan properti screen width pada HTML.
Contoh: periksa nilai lebar total dari screen pengguna.
 |
| Ilustrasi Screen Width HTML |
Sebelum memahami lebih dalam materi tentang Memeriksa Nilai Lebar HTML Menggunakan Width Screen, terlebih dahulu pelajari materi tentang: Memeriksa Resolusi Warna HTML Menggunakan pixelDepth Screen [klik], Memeriksa Panjang HTML Menggunakan Height Screen [klik], dan Memeriksa Kedalaman Bit Warna HTML Menggunakan colorDepth Screen [klik].
screen.width
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan notal nilai dari ukuran lebar dalam satuan piksel.
Baca Juga:
Berikut adalah ilustrasi program dari penggunaan properti screen width pada HTML.
Contoh: periksa nilai lebar total dari screen pengguna.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Screen Width HTML
</title>
<style>
h1
{
color: green;}
h2
{
font-family: Impact;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Screen Width
</h2>
<p>
Untuk memerika ukuran lebar
screen, lakukan double klik
pada tombol "Check width":
</p>
<button
ondblclick="width()">
Check width
</button>
<p id="wd"></p>
<script>
function width()
{
var w = "Total lebar"
+ " screen adalah: "
+ screen.width
+ "piksel";
document.getElementById("wd").innerHTML = w;
}
</script>
</body>
</html>
Output:
Blog Elfan
Properti Screen Width
Untuk memerika ukuran lebar screen, lakukan double klik pada tombol "Check width":
Referensi Tambahan:
- 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]
- 6 Value Properti animationFillMode Style DOM pada HTML [klik]
- 4 Nilai Properti animationIterationCount Style DOM pada HTML [klik]
- 4 Value Properti animationName Style DOM pada HTML [klik]
- 8 Value Properti animationTimingFunction Style DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Citra Hernik, Danang Setyo Handoko, Dani Alfian, Da'Ani Zulfa Nisfatullaili, dan Denny Wahyu Pramudya.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan Properti Screen Width pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti screen width pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari properti screen width DOM pada HTML?
BalasHapusProperti width berfungsi untuk mengembalikan nilai ukuran lebar layar pengguna. Properti lebar mengembalikan nilai lebar tersebut dalam satuan ukur piksel dan bersifat read-only.
HapusProperti HTML screen width berfungsi untuk mengembalikan nilai lebar dari total layar pengguna.
Hapus