1 This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties on vertical-LR grids.
3 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
4 direction: LTR | align-items: 'auto' | justify-items: 'auto'
7 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
8 direction: LTR | align-items: 'center' | justify-items: 'center'
11 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
12 direction: LTR | align-items: 'end' | justify-items: 'end'
15 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
16 direction: LTR | align-items: 'left' | justify-items: 'left'
19 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
20 direction: LTR | align-items: 'right' | justify-items: 'right'
23 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
24 direction: LTR (ortho) | align-items: 'self-start' | justify-items: 'self-start'
27 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
28 direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'
31 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
32 direction: LTR (parall) | align-items: 'self-start' | justify-items: 'self-start'
35 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
36 direction: LTR (parall) | align-items: 'self-end' | justify-items: 'self-end'
39 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
40 direction: RTL | align-items: 'auto' | justify-items: 'auto'
43 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
44 direction: RTL | align-items: 'center' | justify-items: 'center'
47 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
48 direction: RTL | align-items: 'end' | justify-items: 'end'
51 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
52 direction: RTL | align-items: 'left' | justify-items: 'left'
55 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
56 direction: RTL | align-items: 'right' | justify-items: 'right'
59 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
60 direction: RTL (ortho) | align-items: 'self-start' | justify-items: 'self-start'
63 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
64 direction: RTL (ortho) | align-items: 'self-end' | justify-items: 'self-end'
67 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
68 direction: RTL (parall) | align-items: 'self-start' | justify-items: 'self-start'
71 border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
72 direction: RTL (parall) | align-items: 'self-end' | justify-items: 'self-end'