0531

脳内OUTPUT-ただのメモ書き-

backgroundメモ

backgroundプロパティ

  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-position-x
  • background-position-y
  • background-repeat
  • background

background-attachment

background-attachmentプロパティは、画面をスクロールする際、 背景画像をその位置に固定されたままにするか、スクロールに伴って移動するかどうかを指定します。
background-attachment−スタイルシートリファレンス

fixed

背景画像の位置が固定され、スクロールしても動かなくなります。
background-attachment−スタイルシートリファレンス

scroll

スクロールに伴って、背景画像も移動します。
background-attachment−スタイルシートリファレンス

background-color

background-colorプロパティは、背景色を指定する際に使用します。

背景色を指定する際には、同時に文字色も指定するようにしてください。
ユーザーの環境で文字色が設定されている場合などに、背景色と文字色が近い色になって文字が読みにくくなってしまうことがあるからです。
background-color−スタイルシートリファレンス

background-image

background-imageプロパティは、背景画像を指定する際に使用します。
background-image−スタイルシートリファレンス

background-position

background-positionプロパティは、背景画像の表示開始位置を指定するプロパティです。 背景画像の表示開始位置を%値や数値で指定する場合には、値を横方向・縦方向の順にスペースで区切って指定してください。
background-position−スタイルシートリファレンス

background-position-x & background-position-y

background-attachmentプロパティは、画面をスクロールする際、 background-position-xプロパティは、背景画像の横方向の表示開始位置を指定するプロパティです。
background-position-x−スタイルシートリファレンス
background-position-yプロパティは、背景画像の縦方向の表示開始位置を指定するプロパティです。
background-position-y−スタイルシートリファレンス

background-repeat

background-repeatプロパティは、背景画像のリピートの仕方を指定する際に使用します。
background−スタイルシートリファレンス

background

backgroundプロパティは、背景に関する指定をまとめて行う際に使用します。
指定の順序は問われません。また、必要のない指定は省略可能です。
background-repeat−スタイルシートリファレンス
<img src=“image2x.<a class="keyword" href="http://d.hatena.ne.jp/keyword/png">png</a>" width="100” height="100”>