スタイルシートリファレンス

background-position-x

背景画像の水平位置を指定します。

normal : ブラウザが自動的に行の高さを決定。
px, em, ex : サイズを表す数値
% : パーセントを表す数値
top : 上端
center : 中央
bottom : 下端
left : 左端
right : 右端
→ 単位に関する詳細はこちら

対応ブラウザ

IE・Gecko

使用例

例文:
僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ background-position-x: 30px } の場合

僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ background-position-x: 80% } の場合

僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ background-position-x: top } の場合

僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ background-position-x: center bottom } の場合

僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ background-position-x: bottom } の場合

僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ background-position-x: left } の場合

僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ background-position-x: right } の場合

僕がスタイルシートに興味を持ち始めたのはつい最近です。
[ css Zen Garden ] のサイトをご存知ですか?このサイトでは、一枚のページに複数のスタイルシートをリンクで変更させているだけでデザインを変更してありすごい衝撃を受けました。それからすっとスタイルシートの勉強をしています。
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。