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

Описание

Определяет размер любых автоматически созданных треков. Неявные треки создаются при явном позиционировании столбцов и строк (через grid-template-rows / grid-template-columns), которые находятся за пределами заданной сетки.

Синтаксис

grid-auto-rows: размер;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #grid {
 width: 200px;
 display: grid;
 grid-template-areas: 'a a';
 grid-gap: 10px;
 grid-auto-rows: 100px;
 }
 #grid > div {
 background-color: rgb(255, 87, 69);
 }
 </style>
 <div id='grid'>
 <div id='item1'></div>
 <div id='item2'></div>
 <div id='item3'></div>
 </div>
</body>
</html>

Читайте также

Стиль поля формы доступным для редактирования

Применяется к полям формы, доступных для изменения. Псевдокласс :read-write является противополож...

Свойство padding-top

Устанавливает расстояние от внутреннего верхнего края рамки элемента до воображаемого прямоугольн...

Свойство text-transform

Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлич...

Правило @media

Правило @media позволяет указать тип носителя, для которого будет применяться указанный стиль. В ...

Свойство text-orientation

Устанавливает ориентацию текстовых символов в строке и применяется только к вертикальному тексту ...