背景画 background
background-position
背景画を固定し、画像の位置を示します。
【スタイルシート】~内に貼ってください。
(注)現在<>は全角で入力されています。
コピペする場合、すべての<>を<>半角に書き換えてください。
<style type="text/css"> |
background-position:
位置を指定する方法にはいくつかあります。 (注)指定するキーワード間は半角を開ける。
横の位置をleft,center,rightで指定 | ||
縦の位置をtop,center,bottomで指定 | 〈例〉右上に指定 | background-position: right top |
%で指定 | 〈例〉左から30%上から50%に指定 | und-position: 30% 50% |
横の位置をleft,center,rightで指定
横の位置をleft,center,rig
background-attachment:
画面をスクロールする時に、画像を固定するか、スクロールと伴に移動させるかを指示します。
fixed | 背景画像を固定 | background-attachmen: fixed |
scroll | スクロールと伴に移動 | background-attachmen |
background-image:
背景に画像を指定します。
url | ||
none | 画像ファイルなし | background-image: url(http://・・・・ |
background-repeat:
画像のリピートを指示します。
repeat | 背景画像を繰り返し表示 | background-repeat: repeat |
repeat-x | 背景画像を横方向のみ繰り返し表示 | background-repeat: repeat-x |
repeat-y | 背景画像を縦方向のみ繰り返し表示 | background-repeat: repeat-y |
no-repeat | リピートしない | background-repeat: no-repeat |