diff options
Diffstat (limited to 'files/ja/glossary/grid_lines/index.html')
| -rw-r--r-- | files/ja/glossary/grid_lines/index.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/files/ja/glossary/grid_lines/index.html b/files/ja/glossary/grid_lines/index.html index 988690f084..0db6e8dea0 100644 --- a/files/ja/glossary/grid_lines/index.html +++ b/files/ja/glossary/grid_lines/index.html @@ -5,7 +5,7 @@ tags: - CSS Grids translation_of: Glossary/Grid_Lines --- -<p><strong>Grid ライン</strong>は <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>を用いて明示的グリッドとして {{glossary("Grid tracks", "トラック")}} を定義すると作成されます。次の例は 3 列のトラックと 2 行のトラックを含むグリッドとなります。この例では 4 つの列ラインと 3 つの行ラインが作られます。</p> +<p><strong>Grid ライン</strong>は <a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>を用いて明示的グリッドとして {{glossary("Grid tracks", "トラック")}} を定義すると作成されます。次の例は 3 列のトラックと 2 行のトラックを含むグリッドとなります。この例では 4 つの列ラインと 3 つの行ラインが作られます。</p> <div id="example_1"> <div class="hidden"> @@ -48,7 +48,7 @@ translation_of: Glossary/Grid_Lines <p>{{ EmbedLiveSample('example_1', '500', '250') }}</p> -<p>ラインはライン番号で指定できます。英語や日本語のように左から右方向に、列ライン 1 がグリッドの左端、行ライン 1 が上端となります。ライン番号はドキュメントの <a href="/en-US/docs/Web/CSS/CSS_Writing_Modes">ライティングモード</a> を考慮するため、右から左へと記述する言語に於いては例えば列ライン 1 はグリッドの右端となります。下の画像では左から右の言語でのグリッドにおけるライン番号を図示しています。</p> +<p>ラインはライン番号で指定できます。英語や日本語のように左から右方向に、列ライン 1 がグリッドの左端、行ライン 1 が上端となります。ライン番号はドキュメントの <a href="/ja/docs/Web/CSS/CSS_Writing_Modes">ライティングモード</a> を考慮するため、右から左へと記述する言語に於いては例えば列ライン 1 はグリッドの右端となります。下の画像では左から右の言語でのグリッドにおけるライン番号を図示しています。</p> <p><img alt="Diagram showing the grid with lines numbered." src="https://mdn.mozillademos.org/files/14763/1_diagram_numbered_grid_lines.png" style="height: 456px; width: 764px;"></p> </div> @@ -169,9 +169,9 @@ translation_of: Glossary/Grid_Lines <h3 id="より詳しい説明">より詳しい説明</h3> <ul> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">ライン指定による CSS グリッド位置指定</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">名前付きグリッドラインによるレイアウト</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">CSS グリッド、論理値とライティングモード</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">ライン指定による CSS グリッド位置指定</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">名前付きグリッドラインによるレイアウト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">CSS グリッド、論理値とライティングモード</a></em></li> <li><a href="https://drafts.csswg.org/css-grid/#grid-line-concept">CSS グリッドレイアウト仕様におけるグリッドラインの定義</a></li> </ul> |