Computer >> Máy Tính >  >> Lập trình >> HTML

Màn hình HTML pixelDepth Thuộc tính

Thuộc tính pixelDepth của Màn hình HTML trả về độ phân giải màu của màn hình của khách truy cập.

Cú pháp

Sau đây là cú pháp -

screen.pixelDepth

Ví dụ

Hãy để chúng tôi xem một ví dụ về Thuộc tính pixelDepth của Màn hình HTML -

<!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>HTML screen pixelDepth Property</h1>
<button class="btn" onclick="get()">Show pixel depth</button>
<div class="show"></div>
<script>
   function get() {
      document.querySelector(".show").innerHTML = "Color Resolution is " + screen.pixelDepth + " bits per pixel";
   }
</script>
</body>
</html>

Đầu ra

Màn hình HTML pixelDepth Thuộc tính

Nhấp vào “ Hiển thị độ sâu pixel ”Để hiển thị độ phân giải màu của màn hình của khách truy cập.

Màn hình HTML pixelDepth Thuộc tính