背景

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>

インスタンスの実行 »

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