背景
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>
インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します