توابع minmax() CSS

تعریف و استفاده

CSS minmax() توابع برای چیدمان شبکه CSS و تعیین یک مقیاس که بزرگتر یا برابر با حداقل و کوچکتر یا برابر با حداکثر باشه.

مثال

استفاده از 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 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 گرید آٹو رور پرزوائز