نمونه کد

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

آزمایشگاه

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

خاصیت grid یک ویژگی مختصر است برای:

grid-template-rows
grid-template-columns
grid-template-areas
grid-auto-rows
grid-auto-columns
grid-auto-flow

اطلاعات

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

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

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

شیوه نگارش

مقادیر

مقادیر توضیحات
none پیش فرض
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.