জাভাস্ক্রিপ্টে একটি এলিমেন্টের ন্যূনতম প্রস্থ সেট করা

এলিমেন্টের ন্যূনতম প্রস্থ সেট করতে জাভাস্ক্রিপ্টে minWidth প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #box {             width: 50%;             background-color: gray;          }       </style>    </head>    <body>       <p>নিচে ক্লিক করুন ন্যূনতম প্রস্থ সেট করতে।</p>       <button type="button" onclick="display()">ন্যূনতম প্রস্থ</button>       <div id="box">          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>       </div>       <br>       <script>          function display() {             document.getElementById("box").style.minWidth = "500px";          }       </script>    </body> </html>

ব্যাখ্যা: min-width এলিমেন্টটি নির্দিষ্ট প্রস্থের নিচে যেতে দেয় না, যদি কন্টেন্ট বা প্যারেন্ট ছোট হয়। এটি রেসপন্সিভ ডিজাইন에 খুব উপকারী। max-width এবং width মিলিয়ে ফ্লুইড লেআউট তৈরি করা যায়: width: 100%; max-width: 1200px; min-width: 320px;।