【CSS】background-positionの使い方

「background-position」は、背景画像の位置を指定するプロパティです。

使い方としては、「background-position: x y;」と書きます。 x、y の部分には、指定したい位置の座標を入れます。

座標の指定方法は2種類あります。 ・px単位で指定します。 ・指定する場所に応じて、「left」「center」「right」「top」「bottom」などのキーワードを使用します。

例:

background-position: 10px 20px; /* x座標10px、y座標20px /
background-position: left bottom; / x座標left、y座標bottom */

背景画像の位置を細かく指定することができるので、背景画像を表示する要素に合わせて調整することができます。