نمونه کد

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

آزمایشگاه

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

از خاصیت grid-column برای تعیین تعداد ستون ها و آیتم هایی که می بایست در آنها قرار گیرند استفاده می شود که خاصیت های:

  • grid-column-start
  • grid-column-end

را نیز در بر دارد.

اطلاعات

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

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

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

شیوه نگارش

مقادیر

مقادیر توضیحات
grid-column-start تعیین می کند که آیتم در کدام یک از ستون ها شروع شود.
grid-column-end تعیین می کند که آیتم در کدام یک از ستون ها به اتمام برسد.