خاصیت grid-auto-columns در CSS

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

.grid-container {
    display: grid;
    grid-auto-columns: 60px;
    grid-gap: 15px;
    background-color: #2196F3;
    padding: 15px;
}

آزمایشگاه

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

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

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

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

grid-auto-columns: auto|max-content|min-content|length;

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