css 背景クリップ プロパティ
翻訳結果：
背景
UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]
n. (絵画など) 背景; 背景色; 背景情報; サウンドトラック
複数形: 背景
クリップ
##英[klɪp] 美[klɪp] n. トリム; (プラスチックまたは金属) クリップ; ペーパークリップ; クリッピングvt.& vi. ピンで何かを固定し、クリップで何かをクランプしますvt. カット; 切断; 短く; せん断...(または送信)vi. トリム; カット; 新聞記事 (またはニュース、写真など) を切り取る; すぐに行動する #三人称単数形: クリップ 複数形: クリップ 現在分詞: クリッピング 過去形: クリップされた過去分詞: クリップされたクリップcss 背景クリップ プロパティ構文
background-clip 属性を使用するにはどうすればよいですか?
background-clip 属性は、要素の背景が配置される領域を指定します。構文：background-clip: border-box|padding-box|content-box; このうち、border-box（境界線内の領域）、padding-box（パディング領域内の領域）、content-box（コンテンツ内の領域）エリア） 。
機能: 背景の描画領域を指定します。
構文: background-clip: border-box|padding-box|content-box;
説明: border-box背景は境界ボックスにクリップされます。 padding-box 背景がパディング ボックスにクリップされます。 content-box 背景がコンテンツ ボックスにクリップされます。
注: Internet Explorer 8 以前のバージョンは、background-clip 属性をサポートしていません。
css 背景クリップ プロパティ例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2px solid #92b901;
}
</style>
</head>
<body>
<div>
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
</body>
</html>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します