ویژگی CSS grid-gap

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

ویژگی grid-gap اندازه فضای بین ردیف و ستون در چیدمان شبکه را تعریف می‌کند و یک کوتاه‌نویسی برای ویژگی‌های زیر است:

توجه:این ویژگی در CSS3 به نام: تغییر نام داده است گپ.

دستورالعمل CSSویژگی grip-row-gap

فضای بین ردیف و ستون را به صورت خلاصه به 50 پیکسل تنظیم کنید:

.grid-container {
  grid-gap: 50px;
}

فضای بین ردیف‌ها را به 20 پیکسل و فضای بین ستون‌ها را به 50 پیکسل تنظیم کنید:

.grid-container {
  grid-gap: 20px 50px;
}

grid-gap: grid-row-gap grid-column-gap;

مقدار	توضیحات
grid-row-gap	اندازه‌گذاری فضای بین ردیف‌ها در چیدمان شبکه را تنظیم کنید. مقدار پیش‌فرض 0 است.
grid-column-gap	اندازه‌گذاری فضای بین ستون‌ها را تنظیم کنید. مقدار پیش‌فرض 0 است.

مقدار پیش‌فرض:	0 0
ارث:	خیر
انیمیشن‌سازی:	پشتیبانی می‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن.
نسخه:	مستند CSS Grid Layout Module Level 1
آموزش زبان برنامه‌نویسی JavaScript:	object.style.gridGap="50px 100px"

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

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