জাভাস্ক্রিপ্টে একটি এলিমেন্টের সর্বোচ্চ প্রস্থ সেট করা

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

উদাহরণ

জাভাস্ক্রিপ্টে এলিমেন্টের সর্বোচ্চ প্রস্থ সেট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <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.maxWidth = "80px";          }       </script>    </body> </html>

ব্যাখ্যা: max-width এলিমেন্টটি নির্দিষ্ট প্রস্থের বেশি বড় হওয়া থেকে বাধা দেয়। এটি রেসপন্সিভ ডিজাইনের মূল স্তম্ভ: width: 100%; max-width: 1200px; মানে বড় স্ক্রিনে ১২০০পিক্সেলের বেশি চোড়া হবে না, ছোট স্ক্রিনে ১০০% পূরণ করবে। মান: দৈর্ঘ্য, পার্সেন্টেজ, none (ডিফল্ট, সীমা নেই)।