Created: July 6, 2021 4:41 PM
Grid-gap задаёт отступы между столбцами и строками. Является сокращением для свойств row-gap и column-gap. Тег grid-gap постепенно заменяется тегом gap, но такое написание поддерживается не всеми браузерами.
Если отступы между столбцами и рядами одинаковые, то указывается одно значение: grid-gap: 5px. Если отступы между столбцами отличаются по размеру от отступов между рядами, то в краткой записи указываются сначала отступы между рядами, а затем между столбцами: grid-gap: 10px (ряды) 5px (столбцы).
Имеет несколько способов указания значений:
Grid-gap: normal – Устанавливает промежуток равный 0. Является значением по умолчанию.
Grid-gap: length или Grid-gap: percentage - Задает промежуток, используя допустимое значение длины, или значение, указанное в процентах. Значение должно быть положительным. Например: grid-gap: 2%.
Grid-gap: inherit - Указывает, что значение наследуется от родительского элемента.