Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Penggunaan Properti outerWidth Window DOM pada HTML
Properti outerWidth 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.

Baca Juga:

Berikut adalah ilustrasi program dari penggunaan properti Window outerWidth.

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


Artikel ini didedikasikan kepada: Maulia Fandhi Suprapto, Mavra Guher, Maya Putri Valentina, Minerva Putri Jullianne Bahrudin, dan Mitha Kamilia Adi Wijaya.

5 komentar untuk "Mengatur Lebar Luar HTML Menggunakan outerWidth Window DOM"

  1. Sebutkan lima contoh jenis browser yang dapat digunakan untuk mengaktifkan properti outerWidth DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah lima contoh browser populer yang dapat digunakan untuk mengaktifkan properti outerWidth DOM pada HTML:
      a. Google Chrome
      b. Internet Explorer
      c. Firefox
      d. Opera
      e. Safari

      Hapus
  2. Apa yang dimaksud dengan properti outerWidth Window DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
    2. Merupakan 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

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 -