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

Màu màn hình HTML

Thuộc tính HTML Screen colorDepth trả về độ sâu bit của bảng màu để hiển thị hình ảnh (tính bằng bit trên pixel).

Cú pháp

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

screen.colorDepth

Ví dụ

Hãy để chúng tôi xem một ví dụ về HTML Screen colorDepth Property -

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

Đầu ra

Màu màn hình HTML

Nhấp vào “ Hiển thị độ sâu màu ”Để hiển thị độ sâu màu của màn hình.

Màu màn hình HTML