css background-clip屬性
翻譯結果：
background
英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]
n.（畫等的）背景;底色;背景資料;配樂
複數： backgrounds
clip
英[klɪp] 美[klɪp]
#n.修剪;（塑膠或金屬的）夾子;迴紋針;剪報
vt.& vi.用別針別在某物上，用夾子夾在某物上
vt.剪;剪掉;縮短;給…剪毛（或發）
vi.修剪;剪;剪下報紙上的文章（或新聞、圖片等）;迅速行動
第三人稱單數： clips 複數： clips 現在分詞： clipping 過去式： clipped 過去分詞： clipped clipt
css background-clip屬性語法
background-clip屬性怎麼用？
background-clip屬性指定元素背景所在的區域,。語法：background-clip: border-box|padding-box|content-box；其中，border-box（邊框以內的區域），padding-box（padding區域以內區域），content-box（內容區域以內的區域） 。
作用：規定背景的繪圖區域。
語法：background-clip: border-box|padding-box|content-box;
說明：border-box背景被裁切到邊框盒。 padding-box 背景裁切到內邊距框。 content-box 背景被裁切到內容框。
註解：Internet Explorer 8 以及更早的版本不支援 background-clip 屬性。
css background-clip屬性範例
<!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>執行實例 »
點擊 "執行實例" 按鈕查看線上實例