77 lines
3.1 KiB
Plaintext
77 lines
3.1 KiB
Plaintext
This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties.
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR | align-items: 'auto' | justify-items: 'auto'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR | align-items: 'center' | justify-items: 'center'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR | align-items: 'end' | justify-items: 'end'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR | align-items: 'start' | justify-items: 'left'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR | align-items: 'start' | justify-items: 'right'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR (ortho) | align-items: 'self-start' | justify-items: 'self-start'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR (parall) | align-items: 'self-start' | justify-items: 'self-start'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: LTR - (parall) | align-items: 'self-end' | justify-items: 'self-end'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL | align-items: 'auto' | justify-items: 'auto'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL | align-items: 'center' | justify-items: 'center'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL | align-items: 'end' | justify-items: 'end'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL | align-items: 'start' | justify-items: 'left'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL | align-items: 'start' | justify-items: 'right'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL (ortho) | align-items: 'self-start' | justify-items: 'self-start'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL (ortho) | align-items: 'self-end' | justify-items: 'self-end'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL (parall) | align-items: 'self-start' | justify-items: 'self-start'
|
|
|
|
border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
|
|
direction: RTL (parall) | align-items: 'self-end' | justify-items: 'self-end'
|
|
|
|
|
|
PASS .grid 1
|
|
PASS .grid 2
|
|
PASS .grid 3
|
|
PASS .grid 4
|
|
PASS .grid 5
|
|
PASS .grid 6
|
|
PASS .grid 7
|
|
PASS .grid 8
|
|
PASS .grid 9
|
|
PASS .grid 10
|
|
PASS .grid 11
|
|
PASS .grid 12
|
|
PASS .grid 13
|
|
PASS .grid 14
|
|
PASS .grid 15
|
|
PASS .grid 16
|
|
PASS .grid 17
|
|
PASS .grid 18
|
|
|