CSS - grid-row-start

トップ > CSSリファレンス > grid-row-start

概要

属性名 grid-row-start
grid-row-end
grid-column-start
grid-column-end
<grid-line>
値の詳細 <grid-line> = auto |
    <custom-ident> |
    [ <integer> && <custom-ident>? ] |
    [ span && [ <integer> || <custom-ident> ] ]
初期値auto
適用可能要素グリッドアイテム
継承継承しない

サポート (説明)

CSSIEEdgeFirefoxChromeOperaSafari
CSS3×1652574410.1

説明

グリッドアイテムの縦方向の開始位置、横方向の開始位置、縦方向の終了位置、横方向の終了位置を指定します。開始位置に auto を指定すると、グリッドアイテムの順序によって規定の開始位置が指定されます。終了位置に auto を指定すると、1 とみなされます。開始位置、または終了位置に span 2 を指定すると、グリッドアイテム 2個分のサイズとなります。

使用例

CSS
.grid-item-1 {
  grid-row-start: 1;
  grid-column-start: 2;
  grid-row-end: 3;
  grid-column-end: 4;
}

関連項目

リンク


Copyright (C) 2019 杜甫々
初版:2019年12月30日、最終更新:2019年12月30日
http://www.tohoho-web.com/css/prop/grid-row-start.htm