WEB技術の辞書・解説・使用例

書式

background: ①背景色 ②url(背景画像) ③画像繰返し ④画像表示方法 ⑤画像縦位置 画像横位置 ;
＊各パラメーターは 半角スペースで区切ります。

書式(全てのパラメーター)

(例) background: #f8dce0 url(/img/na.gif) no-repeat fixed top 10px ;

書式(背景色のみ)

(例) background: #f8dce0 ;

パラメーター

①背景色｢background-color｣
・#000000 といったカラーコードや redやblueといったカラーネームで色指定。

②背景画像｢background-image｣
・画像ファイルのURIを指定 url(/img/na.gif) のような記述

③背景画像の繰り返し｢background-repeat」
・repeat
　縦横に背景画像を繰り返す。(初期値)
・repeat-x
　横方向にのみ繰り返す。
・repeat-y
　縦方向にのみ繰り返す。
・no-repeat
　繰り返さない。

④背景画像のスクロール時の表示方法｢background-attachment｣
・fixed
　背景画像を固定。
・scroll
　スクロールした際に、背景画像も移動。

⑤背景画像の位置｢background-position｣
・水平位置 垂直位置 の順で指定
　right top （右上に表示） / center （中央に表示）
　left （左中央に表示） / 　10px 20px （左から10px、上から20pxの位置に表示）