blob: e7234ff13605c3854b9f552a57bb9a8485b1928b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
---
title: Grid 行
slug: Glossary/Grid_Rows
tags:
- CSS Grids
translation_of: Glossary/Grid_Rows
---
<p><strong>グリッド行</strong>とは <a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>における水平トラックであり、二つの水平方向のグリッドラインに挟まれた領域のことです。グリッド行は {{cssxref("grid-template-rows")}} プロパティまたは短縮記法の {{cssxref("grid")}} や {{cssxref("grid-template")}} プロパティで定義されます。</p>
<p>加えて、明示的グリッド <em>(explicit grid)</em> で作られる行の外にアイテムが配置される場合は、暗黙的グリッド <em>(implicit grid) </em>にもグリッド行が作られます。これらの行はデフォルトでは自動的に大きさが決定されますが、{{cssxref("grid-auto-rows")}} プロパティでサイズ指定することもできます。</p>
<p><a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>の中で位置調整 (alignment) をする場合、行が並ぶ軸をインライン軸もしくは行軸と呼びます。</p>
<h2 id="より詳しく">より詳しく</h2>
<h3 id="プロパティリファレンス">プロパティリファレンス</h3>
<ul>
<li>{{cssxref("grid-template-rows")}}</li>
<li>{{cssxref("grid-auto-rows")}}</li>
<li>{{cssxref("grid")}}</li>
<li>{{cssxref("grid-template")}}</li>
</ul>
<h3 id="より詳しい説明">より詳しい説明</h3>
<ul>
<li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li>
</ul>
|
