<flex>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.

Le type de donnée CSS <flex> permet de représenter une longueur flexible à l'intérieur d'un conteneur en grille, qui est déclarée comme une dimension d'unité fr. Il est notamment utilisé pour les propriétés grid-template-columns, grid-template-rows ainsi que d'autres.

Syntaxe

Le type de donnée <flex> est défini par un nombre (<number> suivi de l'unité fr. L'unité fr représente une fraction de l'espace restant dans le conteneur en grille. Comme pour les autres dimensions, il n'y a pas d'espace entre la valeur et l'unité.

Exemples

css
1fr    /* Utilisation d'une valeur entière */
2.5fr  /* Utilisation d'une valeur flottante */

Spécifications

Specification
CSS Grid Layout Module Level 2
# fr-unit

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi