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

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

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

সিনট্যাক্স

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

উদাহরণ

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

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

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

Результат:

উদাহরণ

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

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

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

Результат:

আরো দেখুন