背景のプロパティ

背景画像を指定する

プロパティ	値	備考
background-image	[例] images/back.gif	背景画像のパスを指定する

背景画像の繰り返しを指定する

プロパティ	値	備考
background-repeat	repeat repeat-x repeat-y no-repeat	上下左右繰り返し（デフォルト） 左右繰り返し 上下繰り返し 繰り返さない

下のbackground-positionプロパティと組み合わせ、さまざまな指定が可能です。

背景画像の大きさを指定する

プロパティ	値	備考
background-size	auto cover contain 数値＋単位

See the Pen
2-9_1 by Koji Seto (@yseseto)
on CodePen.

背景画像の基準位置を指定する

プロパティ	値	備考
background-position	[例] right bottom [例] 50% 50% [例] 100px 200px	右下 中央 左から100px、上から200pxの位置

上のbackground-repeatプロパティと組み合わせて、さまざまな指定が可能です。

背景画像のスクロールを指定する

プロパティ	値	備考
background-attachment	scroll fixed	コンテンツと一緒にスクロール（デフォルト） 固定し、コンテンツと一緒にスクロールしない