backgroundで背景プロパティをまとめて指定する【CSS】

backgroundは背景関連のプロパティをまとめて指定するショートハンドプロパティです。

指定できる値は、「background-color」、「background-image」、「background-repeat」、「background-position」、「background-attachment」、「background-clip」、「background-size」、「background-origin」の各プロパティと同じ。

それぞれの値は半角スペースで区切って指定します。

また、指定が必要ないなら省略することも可能なので、単に「background:gray;」みたいな感じで色だけ指定したり、シンプルに使うこともけっこうあります。

関連記事
『background-colorで背景色を指定する【CSS】』
『background-imageで背景画像を指定する【CSS】』
『background-repeatで背景画像の繰り返しを指定【CSS】』
『background-attachmentで背景画像の固定や移動を指定【CSS】』
『background-positionで背景画像を表示位置を指定【CSS】』
『background-clipで背景画像の表示領域を指定【CSS】』
『background-sizeで背景画像の表示サイズを指定【CSS】』
『background-originで背景画像の基準位置を指定【CSS】』