HTML | Screen colorDepth Property
The Screen colorDepth property is used to return the bit depth of the color palette for displaying images, in bits per pixel.
The possible values 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.colorDepth
Below program illustrates the Screen colorDepth Property :
Getting the width of the user screen.
HTML
<!DOCTYPE html><html><head> <title> Screen colorDepth property in HTML </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Screen colorDepth property</h2> <p> or returning the color depth, double click the "Colour Depth" button: </p> <button ondblclick="color_depth()"> Color Depth </button> <p id="depth"></p> <script> function color_depth() { var c = "Color Depth in bits per pixel : " + screen.colorDepth; document.getElementById("depth").innerHTML = c; } </script></body></html> |
Output:
After clicking the button
Supported Browsers: The browser supported by HTML|Screen color Depth property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
