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

HTML Screen availHeight প্রপার্টি ইউজার স্ক্রিনের উপলব্ধ উচ্চতা রিটার্ন করে অর্থাৎ এটি ব্রাউজারের ইন্টারফেস ফিচারগুলো বাদ দেয়।

সিনট্যাক্স

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

screen.availHeight

উদাহরণ

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

আউটপুট

availHeight মান দেখান বাটনে ক্লিক করুন availHeight প্রপার্টির মান প্রদর্শন করার জন্য -