background-position-y

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

ブラウザ

IE5 / IE5.5 / IE6 / IE5 mac

書式

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

▲PageTop

指定できる値

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

▲PageTop

サンプル

ソースコード

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

表示結果

【top】

【center】

【bottom】

▲PageTop

background-position-y

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

CSS