grid-row-gap¶
Свойство grid-row-gap
определяет размер ширины линий. Вы можете думать об этом, как о настройке ширины отступов между строками.
Grid Layout
Синтаксис¶
/* <length> values */
grid-column-gap: 20px;
grid-column-gap: 1em;
grid-column-gap: 3vmin;
grid-column-gap: 0.5cm;
/* <percentage> value */
grid-column-gap: 10%;
/* Global values */
grid-column-gap: inherit;
grid-column-gap: initial;
grid-column-gap: unset;
Значения¶
Значение по-умолчанию: 0
Анимируется: да
<line-size>
- значение размера;
Спецификации¶
Поддержка браузерами¶
Описание и примеры¶
.container {
grid-template-columns: 100px 50px 100px;
grid-template-rows: 80px auto 80px;
grid-column-gap: 10px;
grid-row-gap: 15px;
}
Отступы создаются только между колонками и строками, но не для внешних краев сетки.