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

▼記述例

background-position: right top;

プロパティの値

• 水平方向と垂直方向の位置を、1つまたは2つの値で指定します。2つの値で指定する場合は、半角スペースで区切って記述します。
• 長さまたは%による指定では、1つめの値が水平方向、2つめの値が垂直方向の位置になります。それぞれ、左または上からの距離で指定します。
• 長さまたは%の値が1つの場合は、その値は水平方向の位置を指定したことになります。この場合、垂直方向の位置は自動的に50%になります。
• キーワードの値が1つの場合は、省略した方の位置は自動的にcenterになります。
• 2つの値で指定する場合は、長さと%を組み合わせることができます。しかし、長さまたは%とキーワードとを組み合わせることはできません。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

工藤

最新記事 by 工藤 (全て見る)

• プロパティ: background-position - 2025年5月18日
• プロパティ: background-repeat - 2025年4月2日
• プロパティ:background-image - 2025年3月8日