画像の表示

画像のトリミング

画像の中である部分を切り取り、表示したいとき、object-fitプロパティが使えます。
-1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー

背景画像

background-image

背景画像の高さを指定していない場合やテキストが要素にない場合、背景画像は表示されない。

• CSSのbackground-imageを使いこなす! 使い方から調整まで徹底解説

• MDN - background-image

• CSSのbackground-imageで背景画像が表示されない時に確認してほしいこと

背景画像の表示位置

background-position
-【CSS】background-positionで背景画像の表示位置を調整する方法を解説

背景画像のサイズ

background-size
-【CSS】background-sizeで背景画像のサイズを調整する方法
-【CSS】background-sizeで背景画像のサイズを設定する方法を解説