Skip to content
Related Articles

Related Articles

HTML | Screen pixelDepth Property
  • Last Updated : 23 Nov, 2020

The Screen pixelDepth property is used for returning the color resolution of the visitor’s screen. It returns the color resolution in bits per pixel. It is an alias to the colorDepth property.

The possible returned by pixelDepth Property are :  

  • 1 bit per pixel
  • 4 bits per pixel
  • 8 bits per pixel
  • 15 bits per pixel
  • 16 bits per pixel
  • 24 bits per pixel
  • 32 bits per pixel
  • 48 bits per pixel

Syntax:  

screen.pixelDepth

Below program illustrates the Screen pixelDepth Property :

Checking the pixel depth of a user’s screen.  



HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
      Screen pixelDepth Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Screen pixelDepth Property</h2>
 
     
<p>
      For checking the screen's pixel depth,
      double click the "Check Pixel Depth" button:
    </p>
 
 
    <button ondblclick="pixel_depth()">
      Check Pixel Depth
    </button>
 
    <p id="pd"></p>
 
 
    <script>
        function pixel_depth() {
            var r = "Pixel depth in bits per pixel : "
                                + screen.pixelDepth;
            document.getElementById("pd").innerHTML = r;
        }
    </script>
 
</body>
 
</html>
                

Output: 

After clicking the button 

Supported Browsers: The browser supported by Screen pixelDepth property are list below:  

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

 

My Personal Notes arrow_drop_up
Recommended Articles
Page :