ویژگی CSS grid-row-gap
- صف قبل grid-row-end
- صف بعدی grid-row-start
تعریف و استفاده
ویژگی grid-row-gap تعریف می‌کند اندازه فاصله بین سطرها در طرح شبکه.
لطفاً به:
آموزش CSS:طرح شبکه CSS
دستورالعمل مرورگر CSS:ویژگی grip-gap
دستورالعمل مرورگر CSS:ویژگی grip-column-gap
مثال
بزرگ‌ترین فاصله بین سطرها را به 50 پیکسل تنظیم کنید:
.grid-container {
grid-row-gap: 50px;
}
جملات نویسی CSS
grid-row-gap: length;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| length | هر مقدار معتبر طول. مانند پیکسل یا درصد. مقدار پیش‌فرض 0 است. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| وراثت: | خیر |
| انیمیشن‌سازی: | پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن. |
| نسخه: | مستند CSS Grid Layout Module Level 1 |
| جملات نویسی JavaScript: | object.style.gridRowGap="50px" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- صف قبل grid-row-end
- صف بعدی grid-row-start
