gap

فاصله بین آیتم‌های flex یا grid بدون نیاز به margin؛ جایگزین مدرن و تمیز هک‌های margin منفی است. برای فلکس از سال‌ها پیش پشتیبانی کامل دارد.

سینتکس

gap: <row-gap> <column-gap>;

مثال کاربردی

.grid {
  display: grid;
  gap: 16px 24px;
}

مقادیر رایج

موارد مرتبط در CSS