CSS fit-content() ফাংশন

সংজ্ঞা ও ব্যবহার

CSS-র fit-content() ফাংশনটি এমন একটি ফাংশন যা এলিমেন্টের মাপকে অনুযায়ী সম্পাদন করতে পারে। এই পদ্ধতিতে এলিমেন্টটি উপলব্ধ জায়গার মধ্যে কাজ করে, কিন্তু সর্বদাই সর্বমোট কনটেন্ট মাপের মধ্যে থাকে。

উদাহরণ

ব্যবহার করে fit-content() গ্রিডের স্তম্ভের মাপ সংযোজন করুন:

#container {
  display: grid;
  grid-template-columns: fit-content(250px) fit-content(250px) auto;
  grid-gap: 7px;
  box-sizing: border-box;
  height: 150px;
  width: 100%;
  background-color: green;
  padding: 7px;
}

আপনার নিজের চেষ্টা করুন

CSS 语法

fit-content(length|percentage)
মান বর্ণনা
length মাপের অবিকৃত দৈর্ঘ্য মানক।
percentage সম্পূর্ণ জায়গার প্রতিশত মাপ।

তত্ত্বাবধান

সংস্করণ: CSS4

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম সম্পূর্ণরূপে এই ফাংশনটি সমর্থনকারী ব্রাউজারের সংস্করণটির জন্য বলা হয়。

Chrome Edge Firefox স্যাফারি ওপেরা
57 16 52 10.1 44

সংক্রান্ত পৃষ্ঠা

উল্লেখCSS গ্রিড-অটো-কলামস এট্রিবিউট

উল্লেখCSS গ্রিড-অটো-রোস এট্রিবিউট

উল্লেখCSS grid-template-columns প্রতিশব্দ

উল্লেখCSS grid-template-rows প্রতিশব্দ