HTML & CSS

最終更新日:
公開日:

リファレンス

CSS

バックグラウンド オリジン

background-originプロパティ

背景画像を表示する基準位置を指定します。

  • 初期値

    padding-box

  • 継承

    不可

  • 適用できる要素

    全要素

padding-box

初期値です。要素のボーダー部分を除いた領域を基準に、背景画像を配置します。

CSSコード例

background-origin: padding-box;

表示例:


border-box

要素のボーダー部分までを含めた領域の端を基準に、背景画像を配置します。

CSSコード例

background-origin: border-box;

表示例:


content-box

要素のパディング(余白)部分を除いた領域を基準に、背景画像を配置します。

CSSコード例

background-origin: content-box;

表示例:

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。