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
Return Value: A Number, representing the bit depth of the color palette for displaying images, in bits per pixel.
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:
Before clicking the button:
After clicking the button:
Supported Browsers: The browser supported by HTML|Screen color Depth property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 4
- Firefox 1
- Opera 12.1
- Safari 1