aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/justify-tracks
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2021-12-02 02:03:11 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2021-12-09 23:31:53 +0900
commitd1fa9e8afa695d043c5bec2bff99354cdfcf71e9 (patch)
treec7433d39823f51ea617d11bd78af528ac43bfb07 /files/ja/web/css/justify-tracks
parent2e150956b4988d350bcd0a9037291b44e42f77e2 (diff)
downloadtranslated-content-d1fa9e8afa695d043c5bec2bff99354cdfcf71e9.tar.gz
translated-content-d1fa9e8afa695d043c5bec2bff99354cdfcf71e9.tar.bz2
translated-content-d1fa9e8afa695d043c5bec2bff99354cdfcf71e9.zip
2021/11/30 時点の英語版に同期
Diffstat (limited to 'files/ja/web/css/justify-tracks')
-rw-r--r--files/ja/web/css/justify-tracks/index.md88
1 files changed, 88 insertions, 0 deletions
diff --git a/files/ja/web/css/justify-tracks/index.md b/files/ja/web/css/justify-tracks/index.md
new file mode 100644
index 0000000000..45ef89abe5
--- /dev/null
+++ b/files/ja/web/css/justify-tracks/index.md
@@ -0,0 +1,88 @@
+---
+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")}}