border-image：url（）后的30 repat是什么意思

Question

这里的30是什么意思，望指点

Answer 1

这个数字就是裁剪值，完整的写是：border-image：url（） 30 30 30 30  repeat;这4个数字分别对应top,right,bottom,left，用张图好理解假设这张图的每个菱形大小都是30*30的，那么数值30的裁剪线就如图；其中四个边角位置（红色菱形）的形状不发生改变，蓝色的则按照repeat/ stretch/round进行处理

Answer 2

repeat 单词是重复的意思，那么设置no-repeat 不重复repeat-x 在横向重复平铺repeat-y在纵向重复平铺repeat 在横向和纵向都平铺