Grid Tracks |HTML 用語 | タグ 属性 読み方 一覧 | 基本用語集
用語 Grid Tracks とは
HTML | タグ | CSS | グリッドテンプレート 用語集
| HTML 用語 | CSS 用語 | JavaScript 用語 ( Glossary ) 説明 |
|---|---|
Grid Tracks とは、 | グリッドトラックは、2つのグリッド線の間のスペースです。それらは、grid-template-columnsおよびgrid-template-rowsプロパティ、又は 、簡略グリッド又は 、グリッドテンプレートプロパティを使用して、明示的グリッド内で定義されます。明示的なグリッド内に作成されたトラックの外側にグリッドアイテムを配置することによって、暗黙のグリッド内にトラックが作成されます。下の画像は、グリッド上の最初の行トラックを示しています。グリッドトラックをgrid-template-columnsおよびgrid-行には任意の長さ単位を使用でき、フレックス単位frはグリッドコンテナ内の使用可能な領域の一部を示します。次の例は、3つの列トラックを持つグリッドを示しています.1つは200ピクセル、もう1つは1fr、3つ目は3frです。グリッドコンテナで使用可能なスペースから200ピクセルを差し引くと、残りのスペースは4で除算されます。 |
