网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

如何使用css中的border-image-slice属性

这篇文章主要介绍如何使用css中的border-image-slice属性,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

目前创新互联已为近千家的企业提供了网站建设、域名、网页空间、网站托管运营、企业网站设计、达坂城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

 css border-image-slice属性用于指定图像边框(顶部、右侧、底部、左侧)的向内偏移,图像会被分割为九个区域:四个角、四条边以及一个中间区域。除非使用了关键词 fill,否则中间的图像部分会被丢弃。

css border-image-slice属性怎么用?

border-image-slice属性规定图像边框的向内偏移。

语法:

border-image-slice: number|%|fill;

属性值:

● number:数字值,代表图像中像素(如果是光栅图像)或矢量坐标(如果是矢量图像)。

● %:相对于图像尺寸的百分比值:图像的宽度影响水平偏移,高度影响垂直偏移。

● fill:保留边框图像的中间部分。

注释:

该属性规定图像的上、右、下、左侧边缘的向内偏移,图像被分割为九个区域:四个角、四条边以及一个中间区域。除非使用了关键词 fill,否则中间的图像部分会被丢弃。如果省略第四个数值/百分比,则与第二个值相同。如果省略第三个值,则与第一个值相同。如果省略第二个值,则与第一个值相同。

css border-image-slice属性 示例








DIV 使用图像边框

使用的图片:

如何使用css中的border-image-slice属性

以上是如何使用css中的border-image-slice属性的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


本文标题:如何使用css中的border-image-slice属性
文章路径:http://bjjierui.cn/article/pgogpc.html

其他资讯