نمونه کد

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

آزمایشگاه

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

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

اطلاعات

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

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

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

شیوه نگارش

مقادیر

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