背景

UK[?b?kgra?nd] US[?b?k?ɡra?nd]

n. (絵畫など) 背景; 背景色; 背景情報; サウンドトラック

複數(shù)形: 背景

クリップ

##英[kl?p] 美[kl?p]

n. トリム; (プラスチックまたは金屬) クリップ; ペーパークリップ; クリッピング

vt.& vi. ピンで何かを固定し、クリップで何かをクランプします

vt. カット; 切斷; 短く; せん斷...(または送信)

vi. トリム; カット; 新聞記事 (またはニュース、寫真など) を切り取る; すぐに行動する

#三人稱単數(shù)形: クリップ 複數(shù)形: クリップ 現(xiàn)在分詞: クリッピング 過去形: クリップされた過去分詞: クリップされたクリップ

css 背景クリップ プロパティ 構(gòu)文

background-clip 屬性を使用するにはどうすればよいですか?

background-clip 屬性は、要素の背景が配置される領(lǐng)域を指定します。構(gòu)文：background-clip: border-box|padding-box|content-box; このうち、border-box（境界線內(nèi)の領(lǐng)域）、padding-box（パディング領(lǐng)域內(nèi)の領(lǐng)域）、content-box（コンテンツ內(nèi)の領(lǐng)域）エリア） 。

機能: 背景の描畫領(lǐng)域を指定します。

構(gòu)文: 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>

インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します