Thuộc tính pixelDepth của Screen trong HTML

Thuộc tính pixelDepth của Screen trong HTML trả về độ phân giải màu (color resolution) của màn hình người truy cập.

Cú pháp

Cú pháp như sau:

screen.pixelDepth

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính pixelDepth của Screen:

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    text-align: center;
  }
  .btn {
    background: #db133a;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 40%;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 1rem auto;
  }
  .show {
    font-size: 1.2rem;
    margin: 1rem auto;
    font-weight: bold;
    font-family: sans-serif;
  }
</style>
<body>
<h1>Thuộc tính screen.pixelDepth trong HTML</h1>
<button class="btn" onclick="get()">Hiển thị độ sâu pixel</button>
<div class="show"></div>
<script>
  function get() {
    document.querySelector(".show").innerHTML = "Độ phân giải màu là " + screen.pixelDepth + " bits per pixel";
  }
</script>
</body>
</html>

Kết quả

Nhấn vào nút "Hiển thị độ sâu pixel" để hiển thị độ phân giải màu của màn hình người truy cập.