Skip to content
Related Articles

Related Articles

HTML | Screen availWidth Property
  • Last Updated : 30 Jul, 2019

The Screen availWidth property is used for returning the width of the user’s screen, in pixels. The value returned by the Screen availWidth property is excluding the interface features like the Windows Taskbar.

Syntax :

screen.availWidth

Below program illustrates the Screen availWidth Property :

Getting the width of the user screen.

Input:






<!DOCTYPE html>
<html>
  
<head>
    <title>
      Screen availWidth property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
  
    <h1>GeeksforGeeks</h1>
    <h2>Screen availWidth property</h2>
  
    <p>
      For returning the screen width, 
      double click the "Screen Width" button:
    </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:

After clicking the button

Supported Browsers: The browser supported by Screen availWidth are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari
My Personal Notes arrow_drop_up
Recommended Articles
Page :