#borderimg{border:10px solid transparent;padding:15px;-webkit-border-image:url(img/border.png)30stretch;/* Safari 3.1-5 */-o-border-image:url(img/border.png)30stretch;/* Opera 11-12.1 */border-image:url(img/border.png)30stretch;} 注意:border-image属性是border-image-source,border-image-...
CSS3 border-image的参数:1、none:是border-image的默认值,如果取值为none时,表示边框无背景图片; 2、<image>:设置border-image的背景图片,这个跟background-image一样,使用绝对或相对的url地址,来指定背景图片; 3、<number>:number是一个数值,用来设置边框的宽度,其单位是px,其实就像border-width一样取值,可以使...
border-image-source:url(image);/*image可以是相对地址也可以是绝对地址*/ border-image-source跟CSS2中background-image属性相似,也是通过url()调用背景图片,图片的路径可以是相对地址也可以是绝对地址,当然你不想使用背景图片你也可以把值设置为none,即:border-image:none;其默认值就是none。 2、border-image-sl...
CSS3 border-image 属性 实例 指定作为div元素周围边框的图像: [mycode3 type='css'] #borderimg { -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11..
border-image属性允许您指定图像以用作元素的边框。边框的设计是从border-image源URL中指定的图像的侧面和角落创建的。可以以各种方式对边界图像进行切片,重复,缩放和拉伸以适合边界图像区域的大小。 示例 .box { width: 300px; height: 150px; border: 15px solid transparent; -webkit-border-image: url("border...
JavaScript 语法:object.style.borderImageOutset="30 30" 语法 border-image-outset:length|number; 注意:border-image-outset用于指定在边框外部绘制 border-image-area 的量。包括上下部和左右部分。如果第四个值被省略,它和第二个是相同的。如果也省略了第三个,它和第一个是相同的。如果也省略了第二个,它和...
border:double orange 1em; } 结果: 您可以狠狠地点击这里:实例demo2 3、27像素剪裁在1em边框宽度下repeat(重复)效果 CSS代码: .border_image{ width:400px; height:100px; -moz-border-image:url(../image/border.png) 27 repeat; -webkit-border-imag...
border-image-slice参数 属性名称:border-image-slice 值:[<number> | <percentage>]{1,4} && fill? 初始值:none border-image-slice,指定边框图像顶部、右侧、底部、左侧内偏移量。其作用就是把边框图像切成9个区域:4个角、4边区域和一个中间部位,俗称称作9宫格,其操作流程如下: ...
border-image属性 针对上面情况,CSS3中增加了一个border-image属性,可以让处于随时变化状态的元素的长或宽的边框统一使用一个图像文件来绘制。 使用border-image属性,会让浏览器在显示图像边框时,自动将所使用到的图像分割为9部分进行处理,这样就不需要页面制作者再另外进行人工处理了。另外,页面中也不需要因此而使用...
border-image-width:[ <length> | <percentage> | <number> | auto ]{1,4} <' border-image-outset '>: 设置或检索对象的边框背景图的扩展。 border-image-outset:[ <length> | <number> ]{1,4} 不允许负值。 该属性用于指定边框图像向外扩展所定义的数值,即如果值为10px,则图像在原本的基础上往外...