border-border-width这属性作用是什么？

所谓的边框图片宽度是指切成九宫格之后的图还是原来的边框图片？

JERRYR00 2017-01-18

源自：CSS3边框与圆角 1-11 边界图片

63

收起

2回答

慕尘roz 回答被采纳获得+3积分 2017-01-19 15:59:21

这个属性是用来代替盒子本身的边框宽度border-width，用图片做边框，设了图片宽度就是修改盒子的边框宽度。从上右下左4个方向向内缩进。被分割的图片只能在这个边框范围内缩放，和图片原始的大小无关。

JERRYR00 提问者 #1

非常感谢！

2017-01-19 19:34:04
JERRYR00 提问者 #2

那border-border-width的百分比数值代表什么呢

2017-01-19 19:56:55
慕尘roz 回复提问者 JERRYR00 #3

老师视频在9分半钟时演示border-image-slice设为100%，border-image-width设为50%时四个方向图片抵在一起了，再往上也没变化，可以看出这个百分比就是盒子大小的百分比，包含边框。四个方向都是50%刚好撑满整个盒子。

2017-01-22 11:44:54

嘘_别说话 2017-01-19 10:19:48

border-image-width 属性规定的是图片（最初图片）边框的宽度。

相似问题

box-sizing到底是啥？两个主要属性又是啥意思

请老师详解border-image-width

div{width:100px；}和div{border-width：100px；}有什么区别

border简写有顺序吗

border-radius:15px / 17px 34px 2px 13px是什么写法？

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载