خاصیت grid-auto-rows در CSS - وب سایت PNLdev

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

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

آزمایشگاه

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

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

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

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

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

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