ここへジャンプ:

CSS グリッドレイアウトはコンテンツをでレイアウトできるようにする 2 次元レイアウトです。従って全てのグリッドには、ブロックもしくは列の軸と、インラインもしくは行の列という、二つの軸があります。

各アイテムはこれら 2 つの軸に沿って、Box Alignment 仕様で定義されるプロパティを使って配置されます。

CSS ではブロックもしくは行の軸がテキストのブロックをレイアウトするのに使用する軸となります。右から左、上から下に書く言語で 2 つの段落があるばあい、ブロック軸に沿って一方が他方の下にレイアウトされます。

Diagram showing the block axis in CSS Grid Layout.

インラインもしくは行の軸はブロック軸と交差し、通常のテキストが流れる方向沿った軸です。CSS グリッドレイアウトでは次のような行の軸となります。

Diagram showing the inline axis in CSS Grid Layout.

これらの軸の物理的な方向は文書のライティングモードによって変更可能です。

より詳しく

より詳しい説明

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: dynamis
最終更新者: dynamis,