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>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例