Window screen.colorDepth 属性

定義と使用法

colorDepth 属性はスクリーンの色深度を返します。

colorDepth 属性はピクセルあたりのビット深度を返します。

colorDepth 属性は読み取り専用です。

例

例 1

パレットのビット深度を取得する：

let depth = screen.colorDepth;

自分で試してみる

例 2

8ビットスクリーンに代替の背景色を表示する（現代の色をサポートしていない 8ビットスクリーンで見た目が悪い代替色を使用しないように）：

if (screen.colorDepth <= 8)
  //8ビットスクリーンのシンプルな青色の背景色
  document.body.style.background = "#0000FF"
else
  //現代のスクリーンの鮮やかな青色の背景色
  document.body.style.background = "#87CEFA"

自分で試してみる

例 3

すべてのスクリーン属性：

let text = "Total width/height: " + screen.width + "*" + screen.height + "<br>"
"Available width/height: " + screen.availWidth + "*" + screen.availHeight + "<br>"
"Color depth: " + screen.colorDepth + "<br>"
"Color resolution: " + screen.pixelDepth;

自分で試してみる

構文

screen.colorDepth

返り値

タイプ 説明
数字

スクリーンパレットの深度（ピクセルあたりのビット数で表されます）：

1, 4, 8, 15, 16, 24, 32, または 48。

ブラウザのサポート

すべてのブラウザがサポートしています screen.colorDepth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート サポート サポート サポート サポート サポート

関連ページ

screen.availHeight 属性

screen.availWidth 属性

screen.height プロパティ

screen.width プロパティ