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