CSSのプロパティ(background-position)の使い方について知ろう10

この章ではbackground-positionプロパティについて説明します。 background-positionプロパティは背景画像の「表示する位置」を指定します。 英字指定の他にも のようにpxや%を使用した指定もすることが出来ます（数字と数字の間は半角の空白を開けてください）。 の意味は左端から20%進んだ距離とそこから縦に30％進んだ距離が表示位置になります。 その他の指定方法として以下の英字も指定することができますので試してみてください。 例えば「center top」は文字通り、真ん中の上という配置になります。 では例を見てみましょう。 では初めにbackground-positionを指定しないで表示させてみましょう。 background-positionをrightに指定すると以下の通り、画像が右に位置されます。 次はbackground-positionプロパティに