MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Returns the bit depth of the screen. Per the CSSOM, some implementations return 24 for compatibility reasons. See the browser compatibility section for those that don't.

Syntax

depth = window.screen.pixelDepth

Example

// if there is not adequate bit depth
// choose a simpler color
if ( window.screen.pixelDepth > 8 ) {
  document.style.color = "#FAEBD7";
} else {
  document.style.color = "#FFFFFF";
}

Specification

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'Screen.pixelDepth' in that specification.
Working Draft  

Browser Compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)[1] ? ? (Yes)[1] ?
Feature Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support (Yes)[1] (Yes)[1] ? ? ? (Yes)[1] ?

[1] Beginning with Chrome 59/Opera 46 this property is no longer required to return 24.

See also

Document Tags and Contributors

 Contributors to this page: jpmedley, cvrebert, teoli, chitra_lakhotia, ethertank, Sheppy, Mgjbot, Gor1
 Last updated by: jpmedley,