ContextQMD
Back to Chromium

Grid Item Stretch With Margins Borders Padding

third_party/blink/web_tests/fast/css-grid-layout/grid-item-stretch-with-margins-borders-padding.html

149.0.7827.21.1 KB
Original Source

This test checks that the 'stretch' value is applied correctly for 'align' and 'justify' properties.

direction: LTR | margin: 4px 8px 12px 16px

X X X X X X X X X X

direction: LTR | border: 5px 10px 15px 20px

X X X X X X X X X X

direction: LTR | padding: 4px 6px 8px 10px

X X X X X X X X X X

direction: LTR | margin: 4px 8px 12px 16px | border: 5px 10px 15px 20px

X X X X X X X X X X

direction: LTR | margin: 4px 8px 12px 16px | padding: 4px 6px 8px 10px

X X X X X X X X X X

direction: LTR | margin: 4px 8px 12px 16px | border: 5px 10px 15px 20px | padding: 4px 6px 8px 10px

X X X X X X X X X X

direction: RTL | margin: 4px 8px 12px 16px

X X X X X X X X X X

direction: RTL | border: 5px 10px 15px 20px

X X X X X X X X X X

direction: RTL | padding: 4px 6px 8px 10px

X X X X X X X X X X

direction: RTL | margin: 4px 8px 12px 16px | border: 5px 10px 15px 20px

X X X X X X X X X X

direction: RTL | margin: 4px 8px 12px 16px | padding: 4px 6px 8px 10px

X X X X X X X X X X

direction: RTL | margin: 4px 8px 12px 16px | border: 5px 10px 15px 20px | padding: 4px 6px 8px 10px

X X X X X X X X X X