CSS3 border-image-outset 属性
作用:划定边框图象凌驾边框盒的量。
语法:
border-image-outset: length|number;
length:示意设置边框图象(border-image)与边框的间隔,默以为0。
number:代表响应的 border-width 的倍数。
申明:
1、border-image-outset 属性划定边框图象超越边框盒的量,包含上下部和摆布部份。假如疏忽第四个值,则与第二个值雷同。假如省略第三个值,则与第一个值雷同。假如省略第二个值,则与第一个值雷同。
2、border-image-outset属性不允许运用任何负值。
CSS3 border-image-outset 属性的运用示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .box{ width: 600px; margin: 100px auto; border: 1px solid red; } p{ border:15px solid; padding: 30px; border-image:url(1.jpg) 100 round; border-image-outset: 1px 10px 8px; } </style> </head> <body> <div class="box"> <p>ki4网</p> </div> </body> </html>
效果图:
没有增加border-image-outset属性:
增加border-image-outset属性后:
以上就是CSS3 border-image-outset属性怎样用?的细致内容,更多请关注ki4网别的相干文章!