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
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:
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