图像边框部分笔记补充如下:
#### 图像边框
- border-image-source 指定图像的来源
默认情况下 边框图片只会在四个角
- border-image-slice 将图像进行切分 一张完整的图像被切分为9块中间那块不使用
**需要设置切分值 但是不能写px单位 纯数字即可**
- border-image-repeat 指定图像的填充方式
| 值 | 说明 |
| ------- | --------------------------------------------------------- |
| stretch | 拉伸切分图(默认) |
| repeat| 重复切分图(可能导致图像被截断) |
| round | 在不截断图像前提下 重复切分图并拉伸图像以填满整个区域 |
| space | 在不截断图像的前提下 重复切分图并在图像之间保留一定的间距 |
- border-image-width 指定图像边框的宽度
- border-image-outset 指定图像边框的起始偏移位置(类似外边距)
页:
1
[2]