CSS3によるグリッドレイアウトの基本 | CSS3逆引き | Webサイト制作支援 | ShanaBrian Website

ツイート グリッドレイアウトとは グリッドレイアウトはCSSの分割方法の1つで、行列の二次元のレイアウトをマス目を定義して、アイテムとなる要素を自由に配置できるものです。 構成 グリッドは線（ライン）、セル、トラック、領域（エリア）の4つの仕様で構成されています。 グリッドライン（Grid Lines） グリッドを構成する水平または垂直の線をグリッドラインといいます。 並びを開始する線を1として数えられます。 グリッドセル（Grid Cell） 4方向のグリッドラインで囲まれた間の領域をグリッドセルといいます。 行と列で表されます。 グリッドトラック（Grid Track） 行または列のいずれかのセルの範囲をグリッドトラックといいます。 行か列かのいずれかでしか表しません。 グリッドエリア（Grid Area） グリッドラインによって結合されたセルをグリッドエリアといいます。 グリッドトラ