码迷,mamicode.com
首页 > 其他好文 > 详细

border-image详解

时间:2015-11-02 19:11:08      阅读:133      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!