Poniżej znajdziesz informacje dotyczące właściwości CSS align-content.
Właściwość CSS align-content służy do wyrównywania elementów kontenerze flex w pionie lub poziomie. Przyjmuje ona jedną z następujących wartości: flex-start - elementy zostaną wyrównane na początku kontenera (domyślnie), flex-end — elementy zostaną wyrównane na końcu kontenera, center - elementy będą wyśrodkowane w kontenerze poziomo, space-between - przedmioty zostaną równomiernie rozmieszczone w kontenerze, z równymi odstępami między nimi, space-around — elementy będą oddalone od siebie w okręgu wokół niewidocznego punktu środkowego w ich kontenerze, z równymi odstępami między nimi i wokół tego punktu środkowego.
Domyślna wartość: | stretch |
---|---|
Dziedziczenie: | nie |
Animowanie: | nie |
Wersja: | CSS3 |
JavaScript syntax: | Object.style.alignContent="center" |
Właściwość CSS | Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
align-content | 21.0 | 11.0 | 28.0 | 9.0 7.0 -webkit- | 12.1 |
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;