-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
28 lines (18 loc) · 2.01 KB
/
index.md
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
---
title: Grid Axis (グリッド軸)
slug: Glossary/Grid_Axis
l10n:
sourceCommit: d267a8cb862c20277f81bbc223221b36b0c613e6
---
{{GlossarySidebar}}
CSS グリッドレイアウトはコンテンツを**行**と**列**でレイアウトできるようにする 2 次元レイアウトです。したがって、すべてのグリッドには、**ブロックもしくは列の軸**と、**インラインもしくは行の列**という、 2 つの軸があります。
各アイテムはこれら 2 つの軸に沿って、[ボックス配置仕様書](/ja/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout)で定義されているプロパティを使って配置されます。
CSS では、ブロックもしくは行の軸がテキストのブロックをレイアウトするのに使用する軸となります。右から左、上から下に書く言語で 2 つの段落があるばあい、ブロック軸に沿って一方が他方の下にレイアウトされます。
![CSS グリッドレイアウトのブロック軸を示す図。](7_block_axis.png)
インラインもしくは行の軸はブロック軸と交差し、通常のテキストが流れる方向沿った軸です。 CSS グリッドレイアウトでは次のような行の軸となります。
![CSSグリッドレイアウトのインライン軸を示す図。](7_inline_axis.png)
これらの軸の物理的な方向は文書の[書字方向](/ja/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes)によって変更可能です。
## 関連情報
- CSS グリッドレイアウトガイド: _[グリッドレイアウトの基本概念](/ja/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_
- CSS グリッドレイアウトガイド: _[グリッドレイアウトのボックス配置](/ja/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout)_
- CSS グリッドレイアウトガイド: _[グリッド、論理的な値、書字方向](/ja/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes)_