CSS3 background-clip プロパティ
完全な CSS3 リファレンス
例
背景のペイントエリアを指定します:
div
{
background-color:yellow;
background-clip:content-box;
-webkit-background-clip:content-box; /* Safari */
} |
Try it yourself »
|
ブラウザ・サポート

background-clip プロパティは、IE9+、Firefox 4+、Opera 及び Chrome でサポートされています。
Safariは代替手段、-webkit-background-clip プロパティをサポートしています。
定義と用法
background-clip プロパティは、背景のペイントエリアを指定します。
| デフォルト値: |
border-box |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.backgroundClip="content-box" |
構文
| background-clip: padding-box|border-box|content-box; |
| 値 |
説明 |
| padding-box |
背景は、パディングボックスに切り取られます |
| border-box |
背景は、ボーダーボックスに切り取られます |
| content-box |
背景は、コンテンツ・ボックスに切り取られます |
関連ページ
CSS3 チュートリアル: CSS3 Backgrounds
完全な CSS3 リファレンス
|