نمونه کد

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

آزمایشگاه

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

برای تعیین مکان یک مورد در یک طرح بندی شبکه ای از خاصیت grid-row استفاده می کنیم که 2 خاصیت دیگر نیز از آن پیروی می کنند که عبارت اند از:

  • grid-row-start

  • grid-row-end 

اطلاعات

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

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

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

شیوه نگارش

مقادیر

مقادیر توضیحات
grid-row-start تعیین می کند که نمایش اطلاعات در کدام خط از سطر شروع شود.
grid-row-end تعیین می کند که نمایش اطلاعات در کدام خط از سطر به اتمام برسد.