CSS background-clip 属性

定義と用法

background-clip 属性は背景の描画範囲を定義します。

も参照してください：

CSS タイプ：CSS 背景、CSS 背景（高度）

HTML DOM リファレンスマニュアル：backgroundClip 属性

例

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

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

実際に試してみる

CSS 语法

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

属性値

値 説明 テスト
border-box 背景はボーダーボックスにカットアウトされます。 テスト
padding-box 背景はパディングボックスにカットアウトされます。 テスト
content-box 背景は内容ボックスにカットアウトされます。 テスト

技術的詳細

デフォルト値： border-box
継承性： no
バージョン： CSS3
JavaScript 语法： object.style.backgroundClip="content-box"

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。

クローム エッジ ファイアフォックス サファリ オペラ
クローム IE / エッジ ファイアフォックス サファリ オペラ
4.0 9.0 4.0 3.0 10.5