نمونه کد

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

آزمایشگاه

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

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

اطلاعات

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

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

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

شیوه نگارش

مقادیر

مقادیر توضیحات
row پیش فرض
column آیتم ها را برای پر کردن تمام ستون ها تقسیم می کند.
dense آیتم ها را برای پر کردن تمام سوراخ ها تقسیم می کند.
row dense آیتم ها را برای پر کردن تمام ردیف ها تقسیم می کند.
column dense آیتم ها را برای پر کردن تمام ستون ها تقسیم می کند.