Atrybut CSS grid-column-start

Definicja i użycie

Atrybut grid-column-start określa, od której linii kolumny element zacznie się wyświetlać.

Inne zasoby:

Tutorial CSSCSS Układ Siatki

Podręcznik CSSAtrybut grid-column

Podręcznik CSSAtrybut grid-column-end

Podręcznik CSSAtrybut grid-row-start

Podręcznik CSSAtrybut grid-row-end

Przykład

Rozpocznij "item1" od kolumny 2:

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

Spróbuj sam

Język CSS

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

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Element będzie się układał zgodnie z przepływem.
span n Określa liczbę kolumn, które element będzie przechodził.
column-line Określa, od której kolumny ma być wyświetlony element.

Szczegółowe informacje techniczne

Domyślna wartość: auto
Dziedziczenie: Nie
Tworzenie animacji: Obsługiwane. Zobacz:Atrybuty animacji.
Wersja: Moduł układu siatki CSS Grid Level 1
Język JavaScript: object.style.gridColumnStart="3"

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

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