css3整理--clip

clip語法:chrome

  .selector {spa

    clip: rect | auto | inherit firefox

  }xml

  注意:clip屬性只能在元素設置了「position:absolute」或者「position:fixed」屬性起做用繼承

  取值:ip

    rect:經過設置四個點來進行裁切,語法下面介紹
it

    auto:默認,和不進行裁切的效果一致io

    inherit:繼承父元素的裁切屬性safari

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

    經過設置距離上下左右的邊緣的大小來進行裁切。

    可是須要注意的是:top和bottom都是從上邊緣開始計算,right和left都是從左邊緣開始計算(同padding、margin不一樣,須要注意)

兼容性:

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

相關文章
相關標籤/搜索