Open In App

HTML DOM Screen availWidth Property

Last Updated : 14 Jun, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

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

Return Value: It returns a numeric value which , representing the width of the user’s screen, in pixels

Below program illustrates the Screen availWidth Property :
Getting the width of the user screen.

Input: 

HTML




<!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: 
Before clicking the button:

After clicking the button: 

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

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 4
  • Firefox 1
  • Opera 12.1
  • Safari 1


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads