最新のWeb開発のチュートリアル
 

Screen colorDepth Property

<画面オブジェクト

カラーパレットのビット深度を取得します。

var x = "Color Depth: " + screen.colorDepth;

xの結果は次のようになります。

»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

カラー深度プロパティは、画像を表示するカラーパレットのビット深度を返し(in bits per pixel)


ブラウザのサポート

プロパティ
colorDepth はい はい はい はい はい

構文

screen.colorDepth

技術的な詳細

戻り値: ピクセルあたりのビット数で、画像を表示するカラーパレットのビット深さを表す数値、。

可能な値:
  • ピクセル当たり1ビット
  • ピクセル当たり4ビット
  • ピクセル当たり8ビット
  • ピクセル当たり15ビット
  • ピクセル当たり16ビット
  • ピクセル当たり24ビット
  • ピクセル当たり32ビット
  • ピクセル当たり48ビット

例

その他の例

(現代の色をサポートしていない8ビットのスクリーンは、代わりに醜い代替色を使用することを避けるために)8ビット画面の代替背景色を表示します。

if (screen.colorDepth <= 8)
  //simple blue background color for 8 bit screens
  document.body.style.background = "#0000FF"
else
  //fancy blue background color for modern screens
  document.body.style.background = "#87CEFA"
»それを自分で試してみてください

一例では、すべての画面のプロパティ:

var txt = "";
txt += "<p>Total width/height: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>Available width/height: " + screen.availWidth + "*" + screen.availHeight + "</p>";
txt += "<p>Color depth: " + screen.colorDepth + "</p>";
txt += "<p>Color resolution: " + screen.pixelDepth + "</p>";
»それを自分で試してみてください

<画面オブジェクト