css clip屬性
翻譯結果:
clip
英[klɪp] 美[klɪp]
n.修剪;(塑膠或金屬的)夾子;迴紋針;剪報
vt.& vi.用別針別在某物上,用夾子夾在某物上
vt.剪;剪掉;縮短;給…剪毛(或發)
vi.修剪;剪;剪下報紙上的文章(或新聞、圖片等);迅速行動
css clip屬性語法
作用:clip 屬性剪裁絕對定位元素。當一幅圖像的尺寸大於包含它的元素時會發生什麼事呢? "clip" 屬性可讓您規定一個元素的可見尺寸,這樣此元素就會被修剪並顯示為這個形狀。
說明:這個屬性用來定義一個剪裁矩形。對於一個絕對定義元素,在這個矩形內的內容才可見。出了這個剪裁區域的內容會根據 overflow 的值來處理。剪裁區域可能比元素的內容區大,也可能比內容區小。
註解:所有主流瀏覽器都支援 clip 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。
css clip屬性範例
<html> <head> <style type="text/css"> img { position:absolute; clip:rect(0px 50px 200px 0px) } </style> </head> <body> <p>clip 属性剪切了一幅图像:</p> <p><img border="0" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" width="120" height="151"></p> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例