backgroundは背景関連のプロパティをまとめて指定するショートハンドプロパティです。
{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】』
Leave a Comment