Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML स्क्रीन उपलब्ध हैऊंचाई संपत्ति

<घंटा/>

एचटीएमएल स्क्रीन अवेलेबल हाइट प्रॉपर्टी उपयोगकर्ता की स्क्रीन की उपलब्ध ऊंचाई लौटाती है, जिसका मतलब है कि इसमें ब्राउज़र की इंटरफ़ेस सुविधाएं शामिल नहीं हैं।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

screen.availHeight

उदाहरण

आइए एचटीएमएल स्क्रीन का एक उदाहरण देखें, जो हाइट प्रॉपर्टी का लाभ उठाती है:

<!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 availHeight Property</h1>
<button class="btn" onclick="get()">Show availHeight Value</button>
<div class="show"></div>
<script>
   function get() {
      document.querySelector(".show").innerHTML = "Available Height is " + screen.availHeight + " px";
   }
</script>
</body>
</html>

आउटपुट

HTML स्क्रीन उपलब्ध हैऊंचाई संपत्ति

"लाभ दिखाएंऊंचाई मान . पर क्लिक करें "उपलब्ध हाइट संपत्ति का मूल्य प्रदर्शित करने के लिए बटन -

HTML स्क्रीन उपलब्ध हैऊंचाई संपत्ति


  1. HTML स्क्रीन उपलब्ध हैविड्थ संपत्ति

    एचटीएमएल स्क्रीन अवेलविथ प्रॉपर्टी उपयोगकर्ता की स्क्रीन की उपलब्ध चौड़ाई लौटाती है, जिसका मतलब है कि इसमें ब्राउज़र की इंटरफ़ेस सुविधाएं शामिल नहीं हैं। सिंटैक्स निम्नलिखित वाक्य रचना है - screen.availWidth उदाहरण आइए HTML स्क्रीन का एक उदाहरण देखें विड्थ प्रॉपर्टी - <!DOCTYPE html> <htm

  1. HTML स्क्रीन पिक्सेलडेप्थ प्रॉपर्टी

    HTML Screen pixelDepth प्रॉपर्टी विज़िटर की स्क्रीन का रंग रिज़ॉल्यूशन लौटाती है। सिंटैक्स निम्नलिखित वाक्य रचना है - screen.pixelDepth उदाहरण आइए हम HTML Screen pixelDepth प्रॉपर्टी का एक उदाहरण देखें - <!DOCTYPE html> <html> <style>    body {       colo

  1. HTML स्क्रीन कलरडेप्थ प्रॉपर्टी

    HTML Screen colorDepth प्रॉपर्टी इमेज दिखाने के लिए रंग पैलेट की थोड़ी गहराई लौटाती है (बिट्स प्रति पिक्सेल में)। सिंटैक्स निम्नलिखित वाक्य रचना है - screen.colorDepth उदाहरण आइए हम HTML Screen colorDepth प्रॉपर्टी का एक उदाहरण देखें - <!DOCTYPE html> <html> <style>