Funkcja CSS minmax() określa przedział dopuszczalnych wartości rozmiaru ścieżek siatki w układach CSS Grid.
Wartości i składnia
Funkcja minmax() przyjmuje dwa argumenty — pierwszy określa wartość minimalną, a drugi określa wartość maksymalną rozmiaru ścieżki siatki w określonym wymiarze. Każdy z argumentów przyjmuje taki sam zestaw wartości:
- Liczba z jednostką długości CSS
- Wartość procentowa
- Liczba z jednostką fr
- Słowo kluczowe
max-content - Słowo kluczowe
min-content - Słowo kluczowe auto
Przykłady
Za pomocą funkcji minmax() można ograniczyć rozmiar jednostek siatki CSS Grid do wybranego przedziału. Do jej najczęstszych zastosowań należy określanie szerokości minimalnej kolumn, np.:
grid-template-columns: minmax(100px, 1fr) 4fr minmax(100px, 1fr);
Ta deklaracja tworzy trzy kolumny siatki. Kolumny boczne będą miały nie mniej niż po 100 pikseli i nie więcej niż 1fr szerokości.
