কম্পিউটার টিউটোরিয়াল

HTML Screen height প্রপার্টি


HTML Screen height প্রপার্টি ইউজার স্ক্রিনের মোট উচ্চতা রিটার্ন করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

screen.height

উদাহরণ

HTML Screen height প্রপার্টির একটি উদাহরণ দেখা যাক -

<!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 height প্রপার্টি</h1> <button class="btn" onclick="get()">স্ক্রিন হাইট দেখান</button> <div class="show"></div> <script>    function get() {       document.querySelector(".show").innerHTML = "মোট উচ্চতা " + screen.height + "px";    } </script> </body> </html>

আউটপুট

HTML Screen height প্রপার্টি

স্ক্রিন হাইট দেখান বাটনে ক্লিক করুন ইউজার স্ক্রিনের মোট উচ্চতা প্রদর্শন করার জন্য -

HTML Screen height প্রপার্টি


  1. HTML Window innerHeight প্রপার্টি

  2. HTML DOM Style height প্রপার্টি

  3. HTML DOM offsetHeight প্রপার্টি

  4. HTML DOM Video height প্রোপার্টি