Index
CSS : 背景のプロパティ
■background :: 背景の一括指定- ●書式
- background : color image position repeat attach （順不同）
・color ... 背景色（省略可）
・image ... 背景画像（省略可）
・position ... 背景画像の位置（省略可）
・repeat ... 背景画像の並べ方（省略可）
・attach ... 背景画像の固定方法（省略可） - ●設定値
- ・color : background-colorの値
・image : background-imageの値
・repeat : background-repeatの値
・position : background-positionの値
・attach : background-attachmentの値 - ●対象要素
- ・各値の適用状況に依存
・子要素への値の適用 : なし - ●対応状況
・各値ごとの対応状況に依存します。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
■background-attachment :: 背景画像の固定方法
- ●書式
- background-attachment : value
・value ... 固定方法を示す値 - ●設定値
- ・scroll ... 背景画像を固定しない。スクロール可。
・fixed ... 背景画像を固定する。スクロール不可。
・inherit ... 親要素に依存。
*初期値 : scroll - ●対象要素
- ・すべての要素
・子要素への値の適用 : なし - ●対応状況
・IEではp要素に指定すると正しく表示されません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x △ △ △ ○ ○ ○ ○
■background-color :: 背景色
- ●書式
- background-color : value
・value ... 色を示す値 - ●設定値
- ・RGB(r,g,b) ... r : 赤, g : 緑, b : 青 / それぞれ 0〜255 または 0%〜100% の範囲
・#rgb ... rgb : 赤緑青 / それぞれ0〜f または 00〜ff の範囲
・色のキーワード ... 基本16色。それ以外は環境に依存
・transparent ... 透明色
・inherit ... 親要素に依存
*初期値 : transparent - ●対象要素
- すべての要素
子要素への値の適用 : なし - ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
■background-image :: 背景画像
- ●書式
- background-image : value
・value ... 画像のアドレスを示す値 - ●設定値
- ・url(str) ... str : 画像のアドレス
・none ... 画像なし
・inherit ... 親要素に依存
*初期値 : none - ●対象要素
- ・すべての要素（select要素を除く）
・子要素への値の適用 : なし - ●対応状況
・Safariではフォームには適用されません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ △ △ ○
・MacIE5ではフォームの入力用要素には適用されません。
■background-position :: 背景画像の位置
- ●書式
- background-position : value
・value ... 要素の左端からの位置（上端からの位置は50％に固定）
background-position : value1 value2
・value1 ... 要素の左端からの位置
・value2 ... 要素の上端からの位置 - ●設定値
- ・数値 + 単位(%, em, ex, px, mm, cm, in, pc, pt）
・top ... 要素の上端から画像の上端まで 0%
・right ... 要素の左端から画像の右端まで 100%
・bottom ... 要素の上端から画像の下端まで 100%
・left ... 要素の左端から画像の右端まで 0%
・center ... 要素の端から画像の中心まで 50%
・inherit ... 親要素に依存
*初期値 : 0% 0% - ●対象要素
- ・ブロックレベル要素、置換要素
・子要素への値の適用 : なし - ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
■background-repeat :: 背景画像の並べ方
- ●書式
- background-repeat : value
・value ... 並べ方を示す値 - ●設定値
- ・repeat ... 右方向と下方向に繰返し並べる
・repeat-x ... 右方向に繰返し並べる
・repeat-y ... 下方向に繰返し並べる
・no-repeat ... 繰り返して並べない
・inherit ... 親要素に依存
*初期値 : repeat - ●対象要素
- ・すべての要素
・子要素への値の適用 : なし - ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
www.sasaraan.net
(c) morijoh