CSS grid-column-start Свойство
Пример
Сделать "Item1" начать на колонке 2:
.item1 {
grid-column-start: 2;
}
Определение и использование
Свойство grid-column-start определяет, на каком столбце-строке будет начинаться элемент.
| Значение по умолчанию: | auto |
|---|---|
| Inherited: | no |
| Animatable: | yes. Читайте о animatable |
| Version: | Модуль макета сетки CSS уровень 1 |
| Синтаксис JavaScript: | object.style.gridColumnStart="3" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| grid-column-start | 57 | 16 | 52 | 10 | 44 |
Синтаксис CSS
grid-column-start: auto|column-line;
Значения свойств
| Значение | Описание | |
|---|---|---|
| auto | Значение по умолчанию. Элемент будет помещен после потока. | |
| column-line | Указывает, в каком столбце Начало отображения элемента. |
Похожие страницы
CSS Справочник: CSS Grid Layout
CSS Справка: The grid-column Property
CSS Справка: The grid-column-end Property
CSS Справка: The grid-row-start Property
CSS Справка: The grid-row-end Property