---
title: justify-tracks
slug: Web/CSS/justify-tracks
tags:
  - CSS
  - 実験的
  - プロパティ
  - リファレンス
  - grid
  - justify-tracks
  - masonry
browser-compat: css.properties.justify-tracks
translation_of: Web/CSS/justify-tracks
---
{{CSSRef}}

{{SeeCompatTable}}

**`align-tracks`** は CSS のプロパティで、インライン軸が[組積](/ja/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout)であるグリッドコンテナーの組積軸の配置を設定します。

## 構文

```css
/* キーワード値 */
justify-tracks: start;
justify-tracks: space-between;
justify-tracks: center;
justify-tracks: start,center,end;

/* グローバル値 */
justify-tracks: inherit;
justify-tracks: initial;
justify-tracks: revert;
justify-tracks: unset;
```

このプロパティは単一の値を取ることができ、その場合はすべてのトラックが同じように整列されます。値のリストが使用された場合、最初の値はグリッド軸の最初のトラックに適用され、2 番目は次のトラックに適用され、以下同様となります。

値がトラックより少ない場合は、最後の値が残りすべてのトラックに使用されます。トラックよりも値が多い場合、追加の値は無視されます。

### 値

- `start`
  - : アイテムは、組積軸の配置コンテナーの先頭の端に向かって、互いに詰められます。
- `end`
  - : アイテムは、組積軸の配置コンテナーの末尾の端に向かって、互いに詰められます。
- `center`
  - : アイテムは、組積軸に沿って配置コンテナーの中心に向かって、互いに詰められます。
- `normal`
  - : `start` として動作します。
- `space-between`
  - : アイテムは配置コンテナー内で組積軸に沿って均等に配置されます。隣接するアイテム同士の間の間隔は同じです。先頭のアイテムは、コンテナーの先頭の端に詰められ、末尾のアイテムは、コンテナーの末尾の端に詰められます。
- `space-around`
  - : アイテムは配置コンテナー内で組積軸に沿って均等に配置されます。隣接するアイテム同士の間の間隔は同じです。先頭のアイテムの前と末尾のアイテムの後の空き空間は、隣接するアイテム同士の空間の半分に等しくなります。
- `space-evenly`
  - : アイテムは組積軸に沿って配置コンテナー内に均等に配置されます。隣接するアイテム同士の間隔、コンテナーの先頭の端と先頭のアイテム、およびコンテナーの末尾の端と末尾のアイテムは、すべて正確に同じです。
- `stretch`
  - : アイテムは組積の軸に沿って伸び、コンテンツボックスを満たします。確定したサイズのアイテムは引き伸ばされません。
- `left`
  - : 配置コンテナーの左端に向かって、アイテム同士が互いに詰められます。
- `right`
  - : 配置コンテナーの右端に向かって、アイテム同士が互いに詰められます。

## 公式定義

{{cssinfo}}

## 関連情報

{{csssyntax}}

## 例

### justify-tracks に複数の値がある組積レイアウト

{{EmbedGHLiveSample("css-examples/grid/masonry/justify-tracks.html", '100%', 1000)}}

## 仕様書

{{Specifications}}

## ブラウザーの互換性

{{Compat}}

## 関連情報

- 関連する CSS プロパティ: {{cssxref("align-tracks")}}, {{cssxref("masonry-auto-flow")}}