Skip to content
Related Articles

Related Articles

HTML | Screen pixelDepth Property

View Discussion
Improve Article
Save Article
  • Last Updated : 19 Aug, 2021

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
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!