---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 500, 500]
      items:
        - type: border
          bounds: [ 20, 20, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 32, 0, 32, 0 ]
          repeat-vertical: round
          repeat-horizontal: round
        - type: border
          bounds: [ 240, 20, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 0, 32, 0, 32 ]
          repeat-vertical: round
          repeat-horizontal: round
        - type: border
          bounds: [ 20, 240, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 32, 0, 0, 32 ]
          repeat-vertical: round
          repeat-horizontal: round
        - type: border
          bounds: [ 240, 240, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 0, 32, 32, 0 ]
          repeat-vertical: round
          repeat-horizontal: round