首页 > 其他 > 详细

border-image详解

时间:2015-11-02 19:10:17      阅读:242      评论:0      收藏:0      [点我收藏+]

border-image详解

border-image 属性是一个简写属性,用于设置以下属性。

  • border-image-source
  • border-image-slice
  • border-image-width
  • border-image-outset
  • border-image-repeat

注意:除border-image-source外,其余属性都是最多可以有4个值分别对应4个边,上右下左的顺序(顺时针顺序)。

首先 来说一说浏览器兼容情况

IE11、Edge、Firefox38+、Chrome31+、Safri 8+、Opera15+、ios Safri6.1+(3.2--5.1不完全支持需要加—webkit前缀)、Android Browser 4.4+(2.1--4.3需要加前缀-webkit前缀)。

 然后 介绍每个自属性的用法。

一、border-image-slice:
所用图片的剪裁位置,默认值 100%。

border-image详解

原文:http://www.cnblogs.com/tblj/p/4930994.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!