例
コンテンツボックスに背景画像を位置決め：
document.getElementById("myDIV").style.backgroundOrigin = "content-box"; »それを自分で試してみてください 定義と使用法
backgroundOriginプロパティセットや背景-positionプロパティがに相対的であるものを返します。
Note:背景画像の背景-添付ファイルのプロパティがされている場合は"fixed" 、このプロパティは効果がありません。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
構文
backgroundOriginプロパティを返します：
object .style.backgroundOrigin
backgroundOriginプロパティを設定します。
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| padding-box | デフォルト値。 背景画像は、パディングボックスに対して配置されています |
| border-box | 背景画像は、境界ボックスに対して配置されています |
| content-box | 背景画像は、コンテンツボックスに対して配置されています |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | パディングボックス |
|---|---|
| 戻り値： | 要素の背景由来のプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： background-origin property
<スタイルオブジェクト