例
背景の絵エリアを指定します。
document.getElementById("myDIV").style.backgroundClip = "content-box"; »それを自分で試してみてください 定義と使用法
backgroundClipプロパティセットや背景の絵の面積を返します。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| backgroundClip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
構文
backgroundClipプロパティを返します：
object .style.backgroundClip
backgroundClipプロパティを設定します。
object .style.backgroundClip="border-box|padding-box|content-box|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| border-box | デフォルト値。 背景はボーダーボックスにクリップされ |
| padding-box | 背景はパディングボックスにクリップされ |
| content-box | 背景には、コンテンツボックスにクリップされ |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | ボーダーボックス |
|---|---|
| 戻り値： | 要素の背景クリップのプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： background-clip property
<スタイルオブジェクト