border-image最复杂缩写效果示意实例页面

展示

代码

• HTML：

  <div class="example"></div>

• CSS：

  .example {
      width: 80px; height: 80px;
      border: 40px solid deepskyblue;
      border-image: url(./grid-nine.svg) 54 33.33% 33.33% 54 / 10px 20px 30px 1 / 1 30px 20px 10px round space;
  }