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

Definicja stylu, przeznaczenie i użycie grid-template-rows

Styl grid-template-rows określa liczbę (i wysokości) wierszy w układzie siatki. Wartości to lista oddzielona spacjami, gdzie każda wartość definiuje wysokość odpowiedniego wiersza.

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

Składnia CSS grid-template-rows

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

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

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

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

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

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

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

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