clip 屬性是用來設置元素的形狀。用來剪裁絕對定位元素(absolute or fixed)。

clip有三種取值：auto |inherit|rect。inherit是繼承，ie不支持這個屬性， auto是默認  前兩個基本屬于打醬油的，我們主要來說一下clip的rect屬性。

clip的rect屬性 ： clip:rect(top,right,bottom,left)四個屬性值不可缺少;

這四個屬性值到底是如何計算的呢 先看下邊這張圖

rect的top,right,bottom,left是基于左上角來計算的

來看一個小demo吧 

html：

css：

新手一枚，如有錯誤，歡迎指正。

每天進步一點點就是收獲。

以上這篇淺談css中的clip裁剪用法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。

原文地址：http://www.cnblogs.com/chenmeng0818/archive/2016/07/18/5682389.html