Style backgroundClip属性

定義と使用方法

backgroundClip 属性設定または背景の描画範囲を返します。

参照もしてください：

HTML スタイル：background属性

CSS チュートリアル：CSS 背景

CSS3 チュートリアル：CSS3 背景

CSSリファレンスマニュアル：background-clip属性

例

背景の描画範囲を指定する：

document.getElementById("myDIV").style.backgroundClip = "content-box";

自分で試してみる

構文

backgroundClip属性を返す：

object.style.backgroundClip

backgroundClip属性を設定する：

object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"

属性値

値 説明
border-box デフォルト値。背景はボーダーボックス（border box）にカットアウトされます。
padding-box 背景はパディングボックスにカットアウトされます。
content-box 背景はコンテンツボックスにカットアウトされます。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： border-box
返り値： 文字列で、要素の background-clip属性。
CSSのバージョン： CSS3

ブラウザのサポート

backgroundClip CSS3（1999）の機能です。

すべてのブラウザが完全にサポートしています：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
サポート サポート サポート サポート サポート 11