Open In App
Related Articles

HTML DOM Window outerWidth Property

Improve Article
Save Article
Like Article

The window outerWidth property is used for returning the outer width of the browser window. It includes all the interface elements such as toolbars, scrollbars, etc. It is a read-only property and returns a number which represents the width of the browser’s window in pixels. 



Return Values: It returns a numeric value that represents the browser’s window width, includes all interface elements, in pixels

Below program illustrates the Window outerWidth Property: 

Getting the browser window’s width. 


<!DOCTYPE html>
      Window outerWidth Property in HTML
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <h2>Window outerWidth Property</h2>
      For returning the browser window's width,
      double click the "Check Width" button:
    <button ondblclick="pixel()">
      Check Width 
    <p id="outerwidth"></p>
        function pixel() {
            var width = window.outerWidth;
            document.getElementById("outerwidth").innerHTML = 
                               "Width : " + width;


After clicking the button:

Supported Browsers: The browser supported by Window outerWidth Property are listed below:

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 9
  • Firefox 1
  • Opera 9
  • Safari 3

Last Updated : 15 Jun, 2023
Like Article
Save Article
Similar Reads
Related Tutorials