background-originの評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)
目次
1.background-originとは?
background-originプロパティは背景画像をボックスに表示する基準位置を指定します。
値の指定方法は以下の通りです。
{ background-origin: 値; }
値の指定方法
- border-box
- padding-box
- content-box
2.background-originの使い方
それではbackground-originの使い方をみていきましょう。
.background {
background-origin: border-box;
}
上記のようにすることでボーダー領域が背景画像の基準位置となります。
他にも値を設定できるのでいろいろと試してみることをお勧めします!