備忘録的プログラミングリファレンス

grid-row-endプロパティ

 grid-row-endプロパティは、display:grid;が設定されたエレメントの子エレメント(グリッドアイテムともいう)の表示位置を指定する、または連結するプロパティです。
 grid-row-endプロパティは、行(縦)方向の表示位置で、上から何番目かを指定できます。表示されるのは指定位置の一つ前です。

上から2番目に表示
grid-row-end: 3;

 連結方法は、値に"span 連結数"で指定します。

行方向に3マスを連結
grid-row-end: span 3;

 表示位置と連結数の指定値を並べてることはできません。

構文(Syntax)

CSS

grid-row-end: [ auto | line-number | span n ];

DOM(JavaScript)

値の取得
String = object.style.gridRowEnd;
値の設定
object.style.gridRowEnd="[ auto | line-number | span n ]";

Values

Value摘要
auto初期値(default値)
line-number行方向の表示位置(実際の表示は一つ前)
span n行方向への連結数

備考(Remarks)

初期値(Default value)auto
継承(Inherited)No
CSS AnimationYes