Open In App
Related Articles

HTML DOM Screen pixelDepth Property

Improve Article
Save Article
Like Article

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



Return Value: A Number, representing the color resolution, in bits per pixel.

Below program illustrates the Screen pixelDepth Property :

Checking the pixel depth of a user’s screen.  


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


After clicking the button:

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

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

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