Quelle  border-suite.yaml   Sprache: unbekannt

---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 1000, 1000]
      items:
        - type: border
          bounds: [ 10, 10, 100, 100 ]
          width: [ 1, 1, 1, 1 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 20],
            top-right: [10, 10],
            bottom-left: [25, 25],
            bottom-right: [0, 0],
          }
        - type: border
          bounds: [ 120, 10, 100, 100 ]
          width: [ 2, 2, 2, 2 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 20],
            top-right: [10, 10],
            bottom-left: [25, 25],
            bottom-right: [0, 0],
          }
        - type: border
          bounds: [ 230, 10, 100, 100 ]
          width: [ 3, 3, 3, 3 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 20],
            top-right: [10, 10],
            bottom-left: [25, 25],
            bottom-right: [0, 0],
          }
        - type: border
          bounds: [ 340, 10, 100, 100 ]
          width: [ 5, 5, 5, 5 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 20],
            top-right: [10, 10],
            bottom-left: [25, 25],
            bottom-right: [0, 0],
          }
        - type: border
          bounds: [ 450, 10, 100, 100 ]
          width: [ 5, 5, 5, 5 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 20],
            top-right: [10, 10],
            bottom-left: [25, 25],
            bottom-right: [0, 0],
          }
        - type: border
          bounds: [ 560, 10, 100, 100 ]
          width: [ 10, 10, 10, 10 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 20],
            top-right: [10, 10],
            bottom-left: [25, 25],
            bottom-right: [0, 0],
          }

        - type: border
          bounds: [ 10, 120, 100, 100 ]
          width: 10
          border-type: normal
          style: inset
          color: [ red, green, blue, black ]
        - type: border
          bounds: [ 120, 120, 100, 100 ]
          width: 10
          border-type: normal
          style: outset
          color: [ red, green, blue, black ]
        - type: border
          bounds: [ 230, 120, 100, 100 ]
          width: 10
          border-type: normal
          style: inset
          color: [ red, green, blue, black ]
          radius: 10
        - type: border
          bounds: [ 340, 120, 100, 100 ]
          width: 10
          border-type: normal
          style: outset
          color: [ red, green, blue, black ]
          radius: 20
        - type: border
          bounds: [ 450, 120, 100, 100 ]
          width: 10
          border-type: normal
          style: outset
          color: [ red, green, blue, black ]
          radius: 35
        - type: border
          bounds: [ 560, 120, 100, 100 ]
          width: 10
          border-type: normal
          style: outset
          color: [ red, green, blue, black ]
          radius: 50

        - type: border
          bounds: [ 10, 230, 100, 100 ]
          width: [ 1, 1, 1, 1 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 120, 230, 100, 100 ]
          width: [ 2, 2, 2, 2 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 230, 230, 100, 100 ]
          width: [ 3, 3, 3, 3 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 340, 230, 100, 100 ]
          width: [ 5, 5, 5, 5 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 450, 230, 100, 100 ]
          width: [ 5, 5, 5, 5 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 560, 230, 100, 100 ]
          width: [ 10, 10, 10, 10 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }

        - type: border
          bounds: [ 10, 340, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 120, 340, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 230, 340, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 340, 340, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 450, 340, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }
        - type: border
          bounds: [ 560, 340, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: {
            top-left: [20, 40],
            top-right: [30, 10],
            bottom-left: [21, 7],
            bottom-right: [0, 5],
          }

        - type: border
          bounds: [ 10, 450, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: 0
        - type: border
          bounds: [ 120, 450, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: 10
        - type: border
          bounds: [ 230, 450, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: 20
        - type: border
          bounds: [ 340, 450, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: 30
        - type: border
          bounds: [ 450, 450, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: 40
        - type: border
          bounds: [ 560, 450, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: solid
          color: [ red, green, blue, black ]
          radius: 50

        - type: border
          bounds: [ 10, 560, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: 0
        - type: border
          bounds: [ 120, 560, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: 10
        - type: border
          bounds: [ 230, 560, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: 20
        - type: border
          bounds: [ 340, 560, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: 30
        - type: border
          bounds: [ 450, 560, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: 40
        - type: border
          bounds: [ 560, 560, 100, 100 ]
          width: [ 20, 20, 20, 20 ]
          border-type: normal
          style: double
          color: [ red, green, blue, black ]
          radius: 50