---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 500, 500]
      items:
        - type: border
          bounds: [ 20, 20, 200, 200 ]
          width: [20, 40]
          border-type: image
          image-source: "border-image-src-2.png"
          image-width: 100
          image-height: 50
          slice: [ 20, 40 ]
          repeat-vertical: repeat
          repeat-horizontal: repeat
          fill: true
        - type: border
          bounds: [ 240, 20, 200, 200 ]
          width: [20, 40]
          slice: [ 20, 40 ]
          border-type: image
          image-source: "border-image-src-2.png"
          image-width: 100
          image-height: 50
          repeat-vertical: stretch
          repeat-horizontal: repeat
          fill: true
        - type: border
          bounds: [ 20, 240, 200, 200 ]
          width: [20, 40]
          border-type: image
          image-source: "border-image-src-2.png"
          image-width: 100
          image-height: 50
          slice: [ 20, 40 ]
          repeat-vertical: repeat
          repeat-horizontal: stretch
          fill: true
        - type: border
          bounds: [ 240, 240, 200, 200 ]
          width: [20, 40]
          border-type: image
          image-source: "border-image-src-2.png"
          image-width: 100
          image-height: 50
          slice: [ 20, 40 ]
          repeat-vertical: stretch
          repeat-horizontal: stretch
          fill: true
