HTML DOM Screen colorDepth Property Last Updated : 14 Jun, 2023 Comments Improve Suggest changes Like Article Like Report 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 pixel4 bits per pixel8 bits per pixel15 bits per pixel16 bits per pixel24 bits per pixel32 bits per pixel48 bits per pixel Syntax : screen.colorDepthReturn 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 1Edge 12Internet Explorer 4Firefox 1Opera 12.1Safari 1 Comment More infoAdvertise with us Next Article HTML DOM Screen colorDepth Property S Shubrodeep Banerjee Follow Improve Article Tags : Web Technologies HTML HTML-Property Similar Reads HTML DOM Screen availWidth Property The Screen availWidth property is used for returning the width of the user's screen, in pixels. The value returned by the Screen availWidth property is excluding the interface features like the Windows Taskbar. Syntax: screen.availWidth Return Value: It returns a numeric value which , representing t 1 min read HTML DOM Style color Property The DOM style color property is used to set or return the color of the text. Syntax: It is used to set the color property.object.style.colorIt is used to return the color property.object.style.color = "color|initial|inherit" Return Values: It returns a string value that represents a text-color of an 1 min read HTML DOM Screen availHeight Property The Screen availHeight property is used for returning the height of the user's screen, in pixels. The value returned by the Screen availHeight property is excluding the interface features like the Windows Taskbar. Syntax : screen.availHeightReturn Values: It returns a numeric value which, representi 1 min read HTML | DOM HR color Property The DOM HR color property is used to set or return the value of the color attribute of a <hr> element. Note: This property is not supported by HTML5 Syntax: It returns a HR color property.hrobject.colorIt sets the HR color property.hrobject.color="value" Property Values: color_name: It holds t 2 min read HTML DOM Screen width Property The Screen width property is used for returning the total width of a user's screen. It returns the total width of the screen in pixels. Syntax: screen.widthReturn Value: A Number, representing the total width of the user's screen, in pixels Below program illustrates the Screen width Property : Check 1 min read Like