Source code
Revision control
Copy as Markdown
Other Tools
# The border styles that are uniform along an edge, each on a border whose sides
# are much longer than MAX_BORDER_RESOLUTION (2048px). Their sides are rendered
# into a short render task and stretched, so the length of the sides must not
# affect what the corners and the sides look like. Each border is clipped to a
# small window around its top-left corner; the reference draws the same corner on
# a border short enough that no scale clamping can kick in.
#
# Dashed and dotted are left out on purpose: their pattern is a function of the
# edge length, so a shorter reference border legitimately renders differently.
---
root:
items:
- type: rect
bounds: [0, 0, 20000, 20000]
color: [255, 255, 255, 1.0]
- type: border
bounds: [10, 10, 16496, 16496]
clip-rect: [10, 10, 180, 180]
width: 12
border-type: normal
style: solid
radius: 36
color: [ [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0] ]
- type: border
bounds: [200, 10, 16496, 16496]
clip-rect: [200, 10, 180, 180]
width: 12
border-type: normal
style: double
radius: 36
color: [ [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0] ]
- type: border
bounds: [390, 10, 16496, 16496]
clip-rect: [390, 10, 180, 180]
width: 12
border-type: normal
style: groove
radius: 36
color: [ [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0] ]
- type: border
bounds: [10, 200, 16496, 16496]
clip-rect: [10, 200, 180, 180]
width: 12
border-type: normal
style: ridge
radius: 36
color: [ [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0] ]
- type: border
bounds: [200, 200, 16496, 16496]
clip-rect: [200, 200, 180, 180]
width: 12
border-type: normal
style: inset
radius: 36
color: [ [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0] ]
- type: border
bounds: [390, 200, 16496, 16496]
clip-rect: [390, 200, 180, 180]
width: 12
border-type: normal
style: outset
radius: 36
color: [ [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0], [200, 30, 30, 1.0] ]