[CSS Grid Layout] inline margins not honored when not using stretch in row-axis alignment
[WebKit-https.git] / LayoutTests / fast / css-grid-layout / grid-item-auto-sized-align-justify-margin-border-padding-expected.txt
1 This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties.
2
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'
5
6 PASS
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'
9
10 PASS
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'
13
14 PASS
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'
17
18 PASS
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'
21
22 PASS
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'
25
26 PASS
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'
29
30 PASS
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'
33
34 PASS
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'
37
38 PASS
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'
41
42 PASS
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'
45
46 PASS
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'
49
50 PASS
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'
53
54 PASS
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'
57
58 PASS
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'
61
62 PASS
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'
65
66 PASS
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'
69
70 PASS
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'
73
74 PASS