background-position-x

IE独自のプロパティで、背景画像の水平位置を指定します。


ブラウザ

IE5 / IE5.5 / IE6 / IE5 mac

▲PageTop

書式

要素[.class名][#id名]{ background-position-x : 値; }

▲PageTop

指定できる値

値 初期値 意味
数値+単位 左辺からの距離を指定します。単位例：px,em,ex,%
left ○ 左端に配置します。
right 右端に配置します。
center 中央に配置します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      <!--
        #sample1 {
          background-position-x : left;
        }
        #sample2 {
          background-position-x : center;
        }
        #sample3 {
          background-position-x : right;
        }
        #sample div {
          background-image : url(../../../../images/development/htmlcss/background-sample.gif);
          background-repeat : no-repeat;
          border : solid 1px #cccccc;
          margin-right : 10px;
          width : 250px;
          float : left;
        }
        -->
    </style>
  </head>
  <body>
    <div id="sample">
      <div id="sample1">【left】</div>
      <div id="sample2">【center bottom】</div>
      <div id="sample3">【right】</div>
    </div>
  </body>
</html>

表示結果

【left】
【center】
【right】

▲PageTop

関連項目

CSS

background-image / background-position / background-position-y

▲PageTop

▲