剪裁圖像:
img { position:absolute;clip:rect(0px,60px,200px,0px);
}瀏覽器支持
所有主流瀏覽器都支持 clip 屬性。
注釋?zhuān)喝魏蔚陌姹镜?Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
定義和用法
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ū)小。
默認(rèn)值: | auto |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語(yǔ)法: | object.style.clip="rect(0px,50px,50px,0px)" |
值 | 描述 |
---|---|
shape | 設(shè)置元素的形狀。唯一合法的形狀值是:rect (top, right, bottom, left) |
auto | 默認(rèn)值。不應(yīng)用任何剪裁。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 clip 屬性的值。 |
2015職稱(chēng)計(jì)算機(jī)考試書(shū)PowerPoint2007中 .. 定價(jià):¥45 優(yōu)惠價(jià):¥42 更多書(shū)籍 | |
2015年全國(guó)職稱(chēng)計(jì)算機(jī)考試教材(2007模 .. 定價(jià):¥225 優(yōu)惠價(jià):¥213 更多書(shū)籍 |