學習筆記 CSS clip屬性用法指導
作者：admin
你對CSS clip 屬性的用法是否了解，這里向大家簡單描述一下，clip 屬性剪裁絕對定位元素，即這個屬性用于定義一個剪裁矩形。
本文和大家重點討論一下CSS clip 屬性的用法，這個屬性用于定義一個剪裁矩形。對于一個絕對定義元素，在這個矩形內(nèi)的內(nèi)容才可見。
CSS clip 屬性
定義和用法
clip 屬性剪裁絕對定位元素。
當一幅圖像的尺寸大于包含它的元素時會發(fā)生什么呢？"clip" 屬性允許您規(guī)定一個元素的可見尺寸，這樣此元素就會被修剪并顯示為這個形狀。
說明
這個屬性用于定義一個剪裁矩形。對于一個絕對定義元素，在這個矩形內(nèi)的內(nèi)容才可見。出了這個剪裁區(qū)域的內(nèi)容會根據(jù) overflow 的值來處理。剪裁區(qū)域可能比元素的內(nèi)容區(qū)大，也可能比內(nèi)容區(qū)小。
實例
剪裁圖像：
- img
- {
- position:absolute;
- clip:rect(0px,60px,200px,0px);
- }
瀏覽器支持
所有主流瀏覽器都支持 clip 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
【編輯推薦】
- CSS 絕對定位屬性absolute用法初探
- IE6.0對padding的解讀分析
- 探究CSS display屬性用法
- CSS中使用margin屬性定義網(wǎng)頁邊距
- CSS中cellspacing和cellpadding屬性用法揭秘
責任編輯：佚名
來源：
68tt.com
