例
背景の絵エリアを指定します。
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
»それを自分で試してみてください 定義と使用法
背景クリッププロパティは、背景の絵の領域を指定します。
デフォルト値: | border-box |
---|---|
継承されました: | no |
アニメーション: | no. Read about animatable |
バージョン: | CSS3 |
JavaScriptシンタックス: | object .style.backgroundClip="content-box" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
background-clip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSSの構文
background-clip: border-box|padding-box|content-box|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
border-box | デフォルト値。 背景は、境界ボックスにクリップされ | それを再生します» |
padding-box | 背景はパディングボックスにクリップされ | それを再生します» |
content-box | 背景は、コンテンツボックスにクリップされ | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSS3チュートリアル: CSS3の背景
HTML DOMリファレンス: backgroundClip property