نمونه کد

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

آزمایشگاه

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

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

اطلاعات

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

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

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

شیوه نگارش

مقادیر

مقادیر توضیحات
grid-row-gap اندازه شکاف بین ردیف ها را در طرح بندی شبکه ای تعیین می کند که مقدار پیش فرض اش 0 می باشد.
grid-column-gap اندازه شکاف بین ستون ها را در طرح بندی شبکه ای تعیین می کند که مقدار پیش فرض اش 0 می باشد.