СSS Свойство grid-auto-columns
Пример
УстановитЬ размер по умолчанию для столбцов в сетке:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
Редактор кода »
Определение и использование
Свойство grid-auto-columns задает размер столбцов в контейнере сетки.
Это свойство влияет только на столбцы, размер которых не задан.
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS Макет сетки Модуль Уровень 1 |
| JavaScript синтаксис: | object.style.gridAutoColumns="120px" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| grid-auto-columns | 57 | 16 | 52 | 10 | 44 |
CSS Синтаксис
grid-auto-columns: auto|max-content|min-content|length;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| auto | Значение по умолчанию. Размер столбцов определяется размером контейнера | Воспроизвести » |
| fit-content() | ||
| max-content | Задает размер каждого столбца в зависимости от самого большого элемента в столбце | Воспроизвести » |
| min-content | Задает размер каждого столбца в зависимости от самого маленького элемента в столбце | Воспроизвести » |
| minmax(min.max) | Задает диапазон размеров, больший или равный min и меньший или равный max | |
| length | Задает размер столбцов, используя допустимое значение длины. Прочитать о Единицы длины | Воспроизвести » |
| % | Задает размер столбцов, используя значение процента | Воспроизвести » |
Связанные страницы
CSS Учебник: CSS Макет сетки
CSS Справочник: Свойство grid-auto-rows
