パソコンQ&A

background-position CSS辞典

CSSリファレンス 目的順
CSSリファレンス ABC順

background-position背景画像の表示開始位置を指定する

対応ブラウザ

  • IE4
  • IE5
  • IE6
  • IE7
  • IEMac
  • Netscape6
  • Netscape7
  • Firefox1
  • Firefox2
  • Opera6
  • Opera7
  • Opera8
  • Opera9
  • Safari1
  • Safari2

仕様

CSS Level1

内容
位置をキーワードで指定left,center,rightや、top,center,bottomなど位置を表すキーワード
%値背景画像の表示領域の左上から画像の左上の相対位置を、横方向、縦方向の順で指定します
数値背景画像の表示領域の左上から画像の左上の相対位置を、横方向、縦方向の順で指定します
数値にpxなどの単位をつけて指定する
マイナスの値も可能です

ブラウザバグなど

背景位置に種類の違う指定法を混ぜると無視される
Safariで背景画像がはみ出る

background背景に関する指定をまとめて行う
background-attachment背景画像の固定・移動を指定する
background-color背景色を指定する
background-image背景画像を指定する
background-position背景画像の表示開始位置を指定する
background-position-x背景画像の横位置を指定する
background-position-y背景画像の縦位置を指定する
background-repeat背景画像のリピートの仕方を指定する


主要ブラウザに非対応

このページはリンクフリーです。設定などは自己責任で…
Copy Right kikky

kikky.net