clip

英 [kl?p]? ?美 [kl?p]??

n.修剪;（塑料或金屬的）夾子;回紋針;剪報(bào)

vt.& vi.用別針別在某物上，用夾子夾在某物上

vt.剪;剪掉;縮短;給…剪毛（或發(fā)）

vi.修剪;剪;剪下報(bào)刊上的文章（或新聞、圖片等）;迅速行動(dòng)

css clip屬性 語(yǔ)法

作用：clip 屬性剪裁絕對(duì)定位元素。當(dāng)一幅圖像的尺寸大于包含它的元素時(shí)會(huì)發(fā)生什么呢？"clip" 屬性允許您規(guī)定一個(gè)元素的可見(jiàn)尺寸，這樣此元素就會(huì)被修剪并顯示為這個(gè)形狀。

說(shuō)明：這個(gè)屬性用于定義一個(gè)剪裁矩形。對(duì)于一個(gè)絕對(duì)定義元素，在這個(gè)矩形內(nèi)的內(nèi)容才可見(jiàn)。出了這個(gè)剪裁區(qū)域的內(nèi)容會(huì)根據(jù) overflow 的值來(lái)處理。剪裁區(qū)域可能比元素的內(nèi)容區(qū)大，也可能比內(nèi)容區(qū)小。

注釋?zhuān)?/strong>所有主流瀏覽器都支持 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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例