CSS minmax() function

definition and usage

CSS minmax() function for CSS grid layout, and define a size range that is greater than or equal to the minimum value and less than or equal to the maximum value.

instance

use minmax() গ্রিড কলামের মাপ পরিমাণ নির্দিষ্ট করুন:

.grid-container {
  display: grid;
  grid-template-columns: minmax(min-content, 350px) minmax(150px, 1fr) 120px;
  grid-gap: 5px;
  height: 150px;
  background-color: green;
  padding: 10px;
}

亲自试一试

CSS 语法

minmax(min, max)
মান বর্ণনা
min

প্রয়োজনীয়। সর্বনিম্ন মান

এটা হতে পারে দৈর্ঘ্য, শতকরা, অলঙ্কার মান (fr) বা নিম্নলিখিত কোনো শব্দকোষের একটি:

  • auto
  • max-content
  • min-content
max

প্রয়োজনীয়। সর্বোচ্চ মান

এটা হতে পারে দৈর্ঘ্য, শতকরা, অলঙ্কার মান (fr) বা নিম্নলিখিত কোনো শব্দকোষের একটি:

  • auto
  • max-content
  • min-content

প্রযুক্তিগত বিস্তার

সংস্করণ: CSS Grid Layout Module Level 2

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

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

Chrome Edge Firefox Safari ওপেরা
59 16 52 10.1 44

সংশ্লিষ্ট পৃষ্ঠা

উল্লেখ:CSS min() ফাংশন

উল্লেখ:CSS max() ফাংশন

উল্লেখ:CSS grid-template-columns অপারেটর

উল্লেখ:CSS grid-template-rows অপারেটর

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

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