Open In App

HTML DOM Screen width Property

Last Updated : 14 Jun, 2023
Summarize
Comments
Improve
Suggest changes
Share
Like Article
Like
Report

The Screen width property is used for returning the total width of a user's screen. It returns the total width of the screen in pixels.

Syntax: 

screen.width

Return Value: A Number, representing the total width of the user's screen, in pixels

Below program illustrates the Screen width Property :

Checking the total width of a user's screen.

HTML 
<!DOCTYPE html>
<html>
<head>
    <title>
        Screen width Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>

    <h1>GeeksforGeeks</h1>
    <h2>Screen width Property</h2>
    
<p>
      For checking the screen's width, 
      double click the "Check width" button:
    </p>

    <button ondblclick="width()">
        Check width
    </button>

    <p id="wd"></p>

    <script>
        function width() {
            var w = "Total Screen Width in Pixels: "
                                    + screen.width;
            document.getElementById("wd").innerHTML = w;
        }
    </script>

</body>
</html>

Output: 
 Before clicking the button:

After clicking the button:

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

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

Next Article
HTML DOM Screen width Property

S
Shubrodeep Banerjee
Improve
Article Tags :

Similar Reads

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox