Subject   : スタイルシートの background プロパティ

カテゴリー  : Home page > スタイルシート


 background で指定できるプロパティと値

「background」プロパティで背景色や背景画像 、背景画像の並べ方や位置などを指定 できます。

プロパティ 説明
background-color 要素内のテキストやドキュメント全体の背景色を指定します。 色の指定 (color 属性)
background-image テキストやドキュメント全体の背景画像を指定します。 url(画像のURL)
background-repeat 背景画像の並べ方を指定します。 repeat-x, repeat-y, no-repeat
background-attachment 背景画像をページのその他の内容とともにスクロールさせる(通常の状態)か、常に固定された位置に表示するかを指定します。 scroll ,fixed
background-image 背景画像の表示位置を指定します。 「横位置」「縦位置」

 background プロパティ

上の表のプロパティの値をスペースで区切って指定します。必要のないものは省略することができます。

BODY { background: #ff0000 url(bkg.gif) }

下の例では、「body」タグに、縦横に画像 bkg.gif を並べて背景を埋めつくすように して、スクロールしても固定された位置に表示するようにします 。

BODY { background: url(bkg.gif) blue repeat fixed }

下の例では、「P」タグで指定されたブロック範囲で、中央にだけ1つの背景画像 bkg.gif を表示します。 。

P { background: url(bkg.gif) blue 50% no-repeat fixed }

   ⇒ フォントの種類と大きさ

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]