diff --git a/files/ja/conflicting/web/css/css_grid_layout/masonry_layout_a8928831513575d277ecfe51dae84640/index.md b/files/ja/conflicting/web/css/css_grid_layout/masonry_layout_a8928831513575d277ecfe51dae84640/index.md deleted file mode 100644 index 4cb9b8721e5ddd..00000000000000 --- a/files/ja/conflicting/web/css/css_grid_layout/masonry_layout_a8928831513575d277ecfe51dae84640/index.md +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: justify-tracks -slug: conflicting/Web/CSS/CSS_grid_layout/Masonry_layout_a8928831513575d277ecfe51dae84640 -original_slug: 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")}}