تعریف و کاربرد
برای تعیین اندازه و نوع یک آیتم در طرح بندی شبکه ای از خاصیت grid-area استفاده میکنیم که علاوه بر آن، خاصیت های:
grid-row-start
grid-column-start
grid-row-end
grid-column-end
نیز تحت پوشش آن می باشند.
اطلاعات
| # | توضیحات |
|---|---|
| مقدار پیشفرض | خودکار / خودکار / خودکار / خودکار |
| ارث بری | خیر |
| انیمیشن | بله |
| نسخه | CSS Grid Layout Module Level 1 |
| نگارش JS | object.style.gridArea="1 / 2 / span 2 / span 3" |
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| grid-area |
شیوه نگارش
مقادیر
| مقادیر | توضیحات |
|---|---|
| grid-row-start | تعیین می کند که نمایش آیتم در کدام ردیف شروع شود. |
| grid-column-start | تعیین می کند که نمایش آیتم در کدام ستون شروع شود. |
| grid-row-end | تعیین می کند که نمایش آیتم در کدام ردیف تمام شود. |
| grid-column-end | تعیین می کند که نمایش آیتم در کدام ستون تمام شود. |
| itemname | یک نام برای آیتم grid مشخص می کند. |