توابع 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 Level 2

پشتیبانی مرورگر

تعداد در جدول نشان‌دهنده نسخه‌ای است که این عملکرد در آن به طور کامل پشتیبانی می‌شود.

Chrome Edge Firefox Safari Opera
59 16 52 10.1 44

صفحات مرتبط

مراجعه:توابع min() CSS

مراجعه:توابع max() CSS

مراجعه:ویژگی CSS grid-template-columns

مراجعه:ویژگی CSS grid-template-rows

مراجعه:ویژگی grid-auto-columns CSS

مراجعه:ویژگی grid-auto-rows CSS