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