max-width প্রপার্টি

max-width প্রপার্টিটি একটি এলিমেন্টের সর্বোচ্চ প্রস্থ সেট করে। প্রপার্টির মান হিসেবে ব্যবহার করা হয় যেকোনো আকারের একক অথবা কীওয়ার্ড none, যার অর্থ কোনো মান নেই।

সাধারণত প্রপার্টিটি ভাসমান প্রস্থের এলিমেন্টের জন্য সেট করা হয় (প্রস্থ শতাংশে দেওয়া আছে বা মোটেও দেওয়া নেই, এবং এলিমেন্ট তার কন্টেন্ট অনুযায়ী প্রসারিত হয়)। যদি এলিমেন্টের প্রস্থ শতাংশে দেওয়া থাকে - ব্রাউজার উইন্ডো বড় করলে এটি বাড়তে থাকবে, যতক্ষণ না max-width-এর মানতে পৌঁছায়।

সিনট্যাক্স

cssসিলেক্টর {
  max-width: মান;
}

উদাহরণ

এই উদাহরণে প্রস্থ প্যারেন্টের প্রস্থের শতাংশ। ব্রাউজার উইন্ডোর প্রস্থ বাড়ান, এবং কন্টেইনারও বড় হবে, ব্রাউজার উইন্ডোর প্রস্থের সাথে খাপ খাইয়ে নিতে। যাইহোক, এটি শুধুমাত্র max-width-এ সংজ্ঞায়িত আকার পর্যন্ত বড় হবে, যা 900px। যতক্ষণ কন্টেইনার এই প্রস্থে পৌঁছাবে - এটি বাড়ানো বন্ধ করবে:

html<div id="elem"></div>

css#elem {
  width: 70%;
  max-width: 900px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

এই উদাহরণে কন্টেইনারের প্রস্থ উভয় দিক থেকে সীমাবদ্ধ: এটি 900px-এর বেশি এবং 400px-এর কম হতে পারবে না:

html<div id="elem"></div>

css#elem {
  width: 70%;
  max-width: 900px;
  min-width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

আরও দেখুন