---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 500, 500]
      items:
        - type: border
          bounds: [ 100, 100, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 32 ]
          repeat-vertical: repeat
          repeat-horizontal: repeat
          fill: true
        - type: border
          bounds: [ 300, 100, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 32 ]
          repeat-vertical: stretch
          repeat-horizontal: repeat
          fill: true
        - type: border
          bounds: [ 100, 300, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 32 ]
          repeat-vertical: repeat
          repeat-horizontal: stretch
          fill: true
        - type: border
          bounds: [ 300, 300, 192, 192 ]
          width: 32
          border-type: image
          image-source: "border-image-src.png"
          image-width: 96
          image-height: 96
          slice: [ 32 ]
          repeat-vertical: stretch
          repeat-horizontal: stretch
          fill: true
