align-tracks
============

Limited availability
--------------------

This feature is not Baseline because it does not work in some of the most widely-used browsers.

* Learn more
* See full compatibility
* Report feedback
**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La propriété CSS **`align-tracks`** définit l'alignement dans l'axe de maçonnerie pour les conteneurs de grille qui ont `masonry` (en-US) comme axe de bloc.

Syntaxe
-------


```css
/\* Valeurs avec un mot-clé \*/
align-tracks: start;
align-tracks: space-between;
align-tracks: center;
align-tracks: start, center, end;

/\* Valeurs globales \*/
align-tracks: inherit;
align-tracks: initial;
align-tracks: revert;
align-tracks: unset;
```


La propriété peut prendre une seule valeur, auquel cas les pistes sont toutes alignées de la même façon. Si c'est une liste de valeur qui est utilisée, la première s'applique à la première piste selon l'axe de la grille, la deuxième valeur à la deuxième piste et ainsi de suite.

S'il y a moins de valeurs que de pistes, la dernière valeur est utilisée pour l'ensemble des pistes restantes. S'il y a plus de valeurs que de pistes, les valeurs en excès sont ignorées.

### Valeur

`start`

Les éléments sont regroupés ensemble au début du conteneur d'alignement selon l'axe de maçonnerie.

`end`

Les éléments sont regroupés ensemble à la fin du conteneur d'alignement selon l'axe de maçonnerie.

`center`

Les éléments sont regroupés ensemble au centre du conteneur d'alignement selon l'axe de maçonnerie.

`normal`

Agit comme `start`.

`baseline first baseline`
`last baseline`

 Indique la participation à l'alignement par rapport à la ligne de base. Aligne la ligne de base de l'alignement de la boîte par rapport à la première ou à la dernière ligne de base définie selon la ligne de base correspondante dans le premier ou dernier ensemble de lignes de base partagées parmi les boîtes du groupe de partage pour les lignes de base.
 L'alignement par défaut pour `first baseline` correspond à `start`, celui par défaut pour `last baseline` correspond à `end`.


`space-between`

Les éléments sont distribués de façon homogène au sein du conteneur le long de l'axe de maçonnerie. L'espacement est le même entre les éléments adjacents. Le premier élément est collé au bord du début et le dernier élément est collé au bord de fin.

`space-around`

Les éléments sont distribués de façon homogène au sein du conteneur le long de l'axe de maçonnerie. L'espacement est le même entre les éléments adjacents. L'espacement avant le premier élément et après le dernier élément est égal à la moitié de l'espacement entre les éléments adjacents.

`space-evenly`

Les éléments sont distribués de façon homogène au sein du conteneur le long de l'axe de maçonnerie. L'espacement est le même entre les éléments adjacents, entre le bord de début et le premier élément, et entre le bord de fin et le dernier élément.

`stretch`

Les éléments sont étirés le long de l'axe de maçonnerie pour remplir la boîte de contenu. Les éléments avec une taille définie ne sont pas étirés.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `normal` |
| Applicabilité | Grid containers with masonry layout in their block axis |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |

Syntaxe formelle
----------------

Error: could not find syntax for this itemExemples
--------

### Disposition en maçonnerie avec plusieurs valeurs pour `align-tracks`

Spécifications
--------------

| Specification |
| --- |
| CSS Grid Layout Module Level 3 # tracks-alignment |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Les propriétés CSS associées :
    + `justify-tracks` (en-US)
    + `masonry-auto-flow` (en-US)