نمونه کد

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

آزمایشگاه

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

برای اینکه تعیین کنیم آیتم و اطلاعات از کدام خط ستون شروع شود، از خاصیت grid-column-start استفاده می کنیم.

اطلاعات

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

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

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

شیوه نگارش

مقادیر

مقادیر توضیحات
auto پیش فرض
span n تعداد ستون هایی که آیتم قرار است از آنها به صورت یکجا بهره وری کند را تعیین می کند.
column-line تعیین می کند که آیتم از کدام ستون شروع شود.