background-position;left

質問

Windows 7
HTML 5
Chorme
の環境ですが、
imageをbackgroundにしているんですが、
background-position のleft のピクセルを上げたら、
このimageが普通は右に移動してくれそうなもんなんですが
なぜか下に動いてしまいます。
画像を動かす事自体はmarginで動かせば解決したのですが、
下に行く現象の理由を知っておきたいです。
なぜですか？

cssのコードは以下の通りです。
{
background-image : url (img ~)
background-repeat : no – repeat
background-position left 5px
padding-left : 20px
}

回答No.1

ORUKA1951 · ベストアンサー

＞background-position のleft のピクセルを上げたら、このimageが普通は右に移動してくれそうなもんなんですがなぜか下に動いてしまいます。
　違います。
background-position left 5px
は、左端で上から5pxと言う意味です。
「少なくとも1つの値がキーワードでない場合は、最初の値は水平方向の位置を表し、2番目は垂直位置を表す。( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/colors.html#propdef-background-position )」
　この仕組みは、他のプロパティでも共通な方法なので間違えるはず無いですけど
background-repeat : no – repeat
　これも間違い!!、no-repeatです。
background-position left 5px
　左0%、上から5pxと言う意味

　とにかく仕様書を最初から通して読んでおきましょう。

お礼

何度も回答有難うございます。

補足

スペルミスすいませんでした。