Атрибут CSS grid-column-start

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

Свойство grid-column-start определяет, с какой колонки линии начинается элемент.

См. также:

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

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

CSS справочник:Свойство grid-column-end

CSS справочник:Свойство grid-row-start

CSS справочник:Свойство grid-row-end

Пример

Сделайте "item1" начинаться с колонки 2:

.item1 {
  grid-column-start: 2;
}

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

CSS синтаксис

grid-column-start: auto|span n|column-line;

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

Значение Описание
auto Значение по умолчанию. Элемент будет выстраиваться в поток.
span n Определяет количество колонок, на которое будет перекрываться элемент.
column-line Определяет, с какой колонки начинать отображение элемента.

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

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

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

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

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