CSS:-moz-background-clip

出典: MDC

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

[編集] 概要

Gecko ベースのアプリケーションでは、-moz-background-clip は要素の background を、その境界の内側まで拡張するかどうかを指定します。これは、border に (border-style による) 透過領域があるか部分的に不透明な領域がある場合の視覚効果でしかありません。そうでなければ、border が差分領域を覆います。

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

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

[編集] 構文

-moz-background-clip: border | padding ;

[編集] 値

border

background を border の外辺 (outside edge) まで拡張します。(Z オーダーで border の内側)

padding

background を padding の外辺 (outside edge) まで拡張します。

[編集] 例

hbox.example {
  border: 10px double #000000;
  border-top-style: dashed;
  background-color: #00FF00;
  /* The background will not go behind the border */
  -moz-background-clip: padding;
}