HTML Screen pixelDepth प्रॉपर्टी

विवरण

HTML Screen pixelDepth प्रॉपर्टी विज़िटर की स्क्रीन का कलर रिज़ॉल्यूशन लौटाती है।

सिंटैक्स

screen.pixelDepth

उदाहरण

आइए HTML Screen pixelDepth प्रॉपर्टी का एक उदाहरण देखें:

<!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 प्रॉपर्टी</h1> 
<button class="btn" onclick="get()">पिक्सेल डेप्थ दिखाएं</button> 
<div class="show"></div> 
<script> 
  function get() { 
    document.querySelector(".show").innerHTML = "कलर रिज़ॉल्यूशन है " + screen.pixelDepth + " बिट्स प्रति पिक्सेल"; 
  } 
</script> </body> </html>

आउटपुट

"पिक्सेल डेप्थ दिखाएं" बटन पर क्लिक करके विज़िटर की स्क्रीन का कलर रिज़ॉल्यूशन प्रदर्शित करें।