ویژگی grid-row CSS
- صفحه قبلی grid-gap
- صفحه بعدی grid-row-end
تعریف و استفاده
ویژگی grid-row تعیین می‌کند اندازه پروژه شبکه‌ای و موقعیت آن در طرح شبکه و به عنوان کوتاه‌نویسی از ویژگی‌های زیر است:
لطفاً به:
تدریس CSS:طرح شبکه CSS
مثال
مثال 1
برای اینکه "item1" از خط 1 شروع شده و دو خط را پوشش دهد:
.item1 {
grid-row: 1 / span 2;
}
مثال 2
می‌توانید از مقدار خطی به جای تعداد خطوطی که باید پوشش دهد، استفاده کنید:
.item1 {
grid-row: 1 / 3;
}
نوع دستور زبان CSS
grid-row: grid-row-start / grid-row-end;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| grid-row-start | تعیین می‌کند که پروژه از کدام خط شروع به نمایش داده شود. |
| grid-row-end | تعیین می‌کند که پروژه در کدام خط خطی نمایش داده نشود یا چند خط را پوشش دهد. |
جزئیات فنی
| مقدار پیش‌فرض: | auto / auto |
|---|---|
| وراثت: | خیر |
| انیمیشن‌سازی: | پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن. |
| نسخه: | مستند CSS Grid Layout Level 1 |
| نوع دستور زبان JavaScript: | object.style.gridRow="2 / span 2" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- صفحه قبلی grid-gap
- صفحه بعدی grid-row-end
