Свойство grid-auto-rows в CSS

Определение и использование

Свойство grid-auto-rows устанавливает размер строк в контейнере сетки.

Этот атрибут влияет только на строки, размер которых не установлен.

См. также:

CSS учебник:CSS сеточная разметка

CSS справочник:grid-auto-columns свойство

Пример

Установите размер строки по умолчанию в сетке:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Попробуйте сами

CSS синтаксис

grid-auto-rows: auto|max-content|min-content|length;

Значение атрибута

Значение Описание
auto Значение по умолчанию. Размер строки определяется размером максимального элемента в строке.
max-content Установите размер каждой строки на основе максимального элемента в строке.
min-content Установите размер каждой строки на основе максимального элемента в строке.
length Установите размер строки, используя легитимные значения длины. См.Единицы измерения длины.

Технические детали

Значение по умолчанию: auto
Наследование: Нет
Создание анимации: Поддерживается. См. также:Свойства анимации.
Версия: CSS Grid Layout Module Level 1
JavaScript синтаксис: object.style.gridAutoRows="60px"

Поддержка браузера

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

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