ویژگی grid-column-start CSS

تعریف و استفاده

ویژگی grid-column-start تعیین می‌کند که پروژه‌ها از کدام خط ستون آغاز می‌شوند.

لطفاً به: مراجعه کنید

آموزش CSS:طرح شبکه CSS

دستورالعمل‌های CSS:ویژگی grid-column

دستورالعمل‌های CSS:ویژگی grid-column-end

دستورالعمل‌های CSS:ویژگی grid-row-start

دستورالعمل‌های CSS:ویژگی grid-row-end

مثال

باعث آغاز "item1" از ستون 2 می‌شود:

.item1 {
  grid-column-start: 2;
}

آزمایش کنید

آموزش نحوی CSS

grid-column-start: auto|span n|column-line;

مقدار ویژگی

مقدار توضیح
자동 مقدار پیش‌فرض. پروژه‌ها با جریان قرار می‌گیرند.
span n تعیین می‌کند که پروژه‌ها چند ستون را پوشش می‌دهند.
column-line تعیین می‌کند که پروژه‌ها از کدام ستون آغاز شوند.

جزئیات فنی

مقدار پیش‌فرض: 자동
وراثت: خیر
انیمیشن‌سازی: پشتیبانی می‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن.
نسخه: مستند CSS Grid Layout Level 1
آموزش نحوی جاوااسکریپت: object.style.gridColumnStart="3"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کامل پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44