css3整理--clip

clip语法:

  .selector {

    clip: rect | auto | inherit

  }

  注意:clip属性只能在元素设置了“position:absolute”或者“position:fixed”属性起作用

  取值:

    rect:通过设置四个点来进行裁切,语法下面介绍

    auto:默认,和不进行裁切的效果一致

    inherit:继承父元素的裁切属性

  clip: rect(<top>, <right>, <bottom>, <left>);

    通过设置距离上下左右的边缘的大小来进行裁切。

    但是需要注意的是:top和bottom都是从上边缘开始计算,right和left都是从左边缘开始计算(同padding、margin不同,需要注意)

兼容性:

  chrome1.0+、firefox1.0+、opera7.0+、safari1.0+和ie8.0+

posted @ 2014-04-01 09:43  charling  阅读(1167)  评论(0编辑  收藏  举报