グリッドレイアウトの行を軸に位置を設定
アイテムの行を軸に位置を設定するには、justify-selfプロパティを使用します。
IEの場合は-ms-grid-column-alignプロパティを使用します。
構文
justify-self:位置;
指定値
| 値名 | 初期値 | 説明 |
|---|---|---|
| 位置 必須 |
stretch | アイテムの行を軸にした位置をキーワードで指定。 設定可能な値は次の通り。 start ... 左寄せ center ... 中央寄せ end ... 右寄せ stretch ... 両端寄せ |
サンプルコード
CSS
デモ
このデモはわかりやすいよう境界線を付けています。
- start
- center
- end
- strech