نمونه کد

یک نمونه ساده از خاصیت grid-auto-columns:

آزمایشگاه

تعریف و کاربرد

برای تعیین اندازه ستون های یک طرح بندی شبکه ای از خاصیت grid-auto-columns استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض خودکار
ارث بری خیر
انیمیشن بله
نسخه CSS Grid Layout Module Level 1
نگارش JS object.style.gridAutoColumns="120px"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
grid-auto-columns

شیوه نگارش

مقادیر

مقادیر توضیحات
auto پیش فرض
max-content اندازه هر ستون را به شکلی تعیین می کند که هم اندازه بزرگ ترین ستون باشد.
min-content اندازه هر ستون را به شکلی تعیین می کند که هم اندازه کوچک ترین ستون باشد.