CSS3のbackground-クリッププロパティ

描画領域の背景を指定します。

div
{
background-color:yellow;
background-clip:content-box;
}

»をお試しください

ブラウザのサポート

表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。

すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。

プロパティ
ボーダーイメージ 16.0
4.0 -webkit-
11.0 15.0
3.5 -moz-
6.0
3.1 -webkit-
15.0
11.0 -O-

タグの定義と指示

バックグラウンド・クリップのプロパティは、描画領域の背景を指定します。

デフォルト: ボーダーボックス
継承: いいえ
バージョン: CSS3
JavaScriptシンタックス: オブジェクトobject.style.backgroundClip = "コンテンツボックス」


文法

background-clip: border-box|padding-box|content-box;

説明
ボーダーボックス デフォルト。 フレームブロック(ボックスにカットフレーム)に描かれた背景。
パディングボックス パディングブロックに描かれた背景には、(ブロックパディングにカット)。
コンテンツボックス ボックス内の背景描かれた内容は、(コンテンツブロックにカット)。


関連記事

CSS3チュートリアル: CSS3の背景