Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

BACKGROUNDバックグランド(背景)TOPCSSPropertiesbackground

  1. background-colorバックグラウンド(背景)の色
  2. background-image背景に使用する画像
  3. background-repeat背景画像の繰り返し
  4. background-attachment背景画像の表示方法
  5. background-position背景画像の表示位置
  6. background背景のショートハンドプロパティ

background背景のショートハンドプロパティ

プロパティの値<background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position>
初期値個別プロパティを参照
対象要素全要素
継承無効
%'background-position'のみ可
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

color, image, repeat, attachment, position の各プロパティをまとめて一括指定します。指定順序は任意、省略した値は個別プロパティの初期値が上書きされます。

プロパティの書式機能
background: Image Color Position Repeat Attachment値をまとめて一括指定
background: inherit継承

プロパティの記述例

下の例はどちらも同じ表示結果となります。

body	{
	background-image	: url(img/graphic.png) ;
	background-color	: #fff ;
	background-position	: 30% 30%;
	background-repeat	: repeat ;
	background-attachment	: fixed ;
	}
body	{background: url(img/graphic.png) #fff 30% 30% repeat fixed;}

識別子によるプロパティの個別記述

-color, -image, -repeat, -attachment, positionの識別子を付加することにより、各プロパティの個別指定が可能です。※詳細については、各個別プロパティを参照して下さい。

  1. Background-color: transparent
  2. Background-image: none
  3. Background-repeat: repeat
  4. Background-attachment: scroll
  5. Background-position: 0% 0%
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.