Cara Penggunaan Properti Screen width pada HTML

Properti screen width pada HTML digunakan untuk mengembalikan nilai lebar total dari screen pengguna yang dikembalikan dalam satuan ukur piksel.

Sintak:
screen.width

Return Value: 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.

<!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":

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan Properti Screen Width pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti screen width pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi dari properti screen width DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti width berfungsi untuk mengembalikan nilai ukuran lebar layar pengguna. Properti lebar mengembalikan nilai lebar tersebut dalam satuan ukur piksel dan bersifat read-only.

      Hapus
    2. Properti HTML screen width berfungsi untuk mengembalikan nilai lebar dari total layar pengguna.

      Hapus

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C