宿豫网站建设制作,外链交换平台,wordpress动态新闻代码,昆明体育城微网站建设一、border-image的兼容性 1、支持到IE11以上#xff0c;其他主要浏览器均支持 2、使用webkit以后支持android4.3以上 二、border-image的参数#xff08;包括图片、裁剪位置、重复性#xff09; 1、图片#xff08;border-image-source#xff09;采用url#xff08;其他主要浏览器均支持 2、使用webkit以后支持android4.3以上 二、border-image的参数包括图片、裁剪位置、重复性 1、图片border-image-source采用url调用可以是相对/绝对路径 2、图片的裁剪位置border-image-slice 1参数没有单位专指像素。border-imageurla.png27 repeat; 这里27指27px 2支持百分比百分比大小相对于边框图片而言 3裁剪特性效果的实现上类似于九宫格裁剪有1~4个参数方位符合CSS普遍的方位规则上右下左顺时针 border-imageurlborder.png30 % 35% 40% 30% repeat; 在图片上部30%的地方裁剪一下在右部35%的地方裁剪一下在底部40%的地方裁剪一下在左部30%的地方裁剪一下。形成了九个分离区域——九宫格 3、重复性border-image-repeat参数0~2个2个参数一个水平一个垂直 这里重复与background的背景重复差异较大。background图片的重复包括重复、不重复、水平重复、垂直重复。对于border-image而言包括repeat重复、round平铺、stretch拉伸其中stretch是默认值。 三、应用 1、 使用时注意需要border-style存在单单设置border-image是不会生效的 转载于:https://www.cnblogs.com/diyichen/p/11261597.html
