网站建设资讯

NEWS

网站建设资讯

怎么用CSS3border-image-outset属性

这篇文章将为大家详细讲解有关怎么用CSS3 border-image-outset属性,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联专注骨干网络服务器租用十载,服务更有保障!服务器租用,四川雅安服务器托管 成都服务器租用,成都服务器托管,骨干网络带宽,享受低延迟,高速访问。灵活、实现低成本的共享或公网数据中心高速带宽的专属高性能服务器。

border-image-outset属性用于指定在边框外部绘制 边框图像区域的量,即边框图像超过边框盒的量。

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 属性的使用示例




 



创新互联

效果图:

没有添加border-image-outset属性:

怎么用CSS3 border-image-outset属性

添加border-image-outset属性后:

怎么用CSS3 border-image-outset属性

关于怎么用CSS3 border-image-outset属性就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


分享文章:怎么用CSS3border-image-outset属性
转载注明:http://cdweb.net/article/ggjgei.html