Свойство grid-auto-columns
Описание
Определяет размер любых автоматически созданных треков. Неявные треки создаются при явном позиционировании столбцов и строк (через grid-template-rows/grid-template-columns), которые находятся за пределами заданной сетки.
Синтаксис
grid-auto-columns: auto | max-content | min-content | length;Пример
<!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 {
height: 100px;
display: grid;
grid-template-areas: 'a a';
grid-gap: 10px;
grid-auto-columns: 200px;
}
#grid > div {
background-color: rgb(255, 61, 61);
}
</style>
<div id='grid'>
<div id='item1'></div>
<div id='item2'></div>
<div id='item3'></div>
</div>
</body>
</html>Читайте также
Свойство outline-offset
Устанавливает расстояние между рамкой, созданной с помощью свойства outline, и краем или границей элемента добавленной через border....
Свойство font-style
Определяет начертание шрифта — обычное, курсивное или наклонное.
Когда для текста установлено курсивное или наклонное начертание, браузер обращ...
Свойство top
Свойство top для позиционированного элемента определяет расстояние от верхнего края родительского элемента до верхнего края дочернего элемента. Отсчёт...
Свойство grid-column
Сокращение для grid-column-start + grid-column-end
grid-column-start / grid-row-start — это линия с которой начинается элемент....