CSS:-moz-background-origin

出典: MDC

« CSS リファレンス « CSS リファレンス:Mozilla 拡張仕様

[編集] 概要

Mozilla アプリケーションでは、-moz-background-origin が background-position プロパティの値を使用して box の座標系を決定します:

• 初期値: padding
• 適用範囲: すべての要素
• 継承: しない
• 割合: N/A
• メディア: visual
• 計算値:

-moz-background-origin は CSS 3 background-origin プロパティに向けた実験的な実装です。このプロパティはまだ、実装を呼びかける勧告候補に達していません。

background-attachment が fixed の場合、-moz-background-origin は適用されません。

[編集] 構文

-moz-background-origin: border | padding | content

[編集] 値

border

background の位置は border に対して相対的な位置になり、画像は border の背面になります。

padding

background の位置は padding に対して相対的な位置になります。

content

background の位置はコンテンツに対して相対的な位置になります。

[編集] 例

hbox.example {
  border: 10px double #000000;
  padding: 10px;
  background: url('image.jpg');
  background-position: center left;
  /* background は padding の内側になります */
  -moz-background-origin: content;
}

[編集] 既知のバグ

-moz-background-origin: content のパーセント指定した padding に対する計算は正しくありません。