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 속성