CSS گرید-رور-استار属性

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

ویژگی grid-row-start تعیین می‌کند که پروژه در کدام خط ردیف شروع می‌شود.

لطفاً ببینید:

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

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

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

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

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

مثال

اجازه دهید "item1" از ردیف 2 شروع شود:

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

آزمایش کنید

قوانین CSS

grid-row-start: auto|row-line;

مقدار ویژگی

مقدار توضیحات
자동 مقدار پیش‌فرض. پروژه‌ها با استفاده از مکان جریان نمایش داده می‌شوند.
row-line تعیین می‌کند که از کدام ردیف نمایش داده شود.

جزئیات فنی

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

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

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

چروم IE / ایج فائرفاکس سافری اوپرا
57 16 52 10 44