Właściwość CSS grid-template-columns

Definicja stylu, przeznaczenie i użyciegrid-template-columns

Styl grid-template-columns określa liczbę (i szerokości) kolumn w układzie siatki. Wartości to lista oddzielona spacjami, gdzie każda wartość określa rozmiar odpowiedniej kolumny.

Wartości właściwości grid-template-columns

Składnia CSS grid-template-columns

grid-template-columns: none | auto | max-content | min-content | length | initial | inherit;

Wsparcie przeglądarek dla właściwości grid-template-columns

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
grid-template-columns	57.0	16.0	52.0	10.0	44.0

Przykładowe zastosowania z właściwością grid-template-columns

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#myDIV {
  display: grid;
  grid-template-columns: auto auto;
}

Przykłady właściwości grid-template-columns