OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>CSS Box Alignment: place-items shorthand - Shorthand 'specified' and 'res
olved' value</title> | 2 <title>CSS Box Alignment: place-items shorthand - Shorthand 'specified' and 'res
olved' value</title> |
3 <link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com"
/> | 3 <link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com"
/> |
4 <link rel="help" href="http://www.w3.org/TR/css3-align/#place-items-property" /> | 4 <link rel="help" href="http://www.w3.org/TR/css3-align/#place-items-property" /> |
5 <meta name="assert" content="Check the place-items's 'specified' and 'resolved'
values serialization." /> | 5 <meta name="assert" content="Check the place-items's 'specified' and 'resolved'
values serialization." /> |
6 <script src="/resources/testharness.js"></script> | 6 <script src="/resources/testharness.js"></script> |
7 <script src="/resources/testharnessreport.js"></script> | 7 <script src="/resources/testharnessreport.js"></script> |
8 <script src="../resources/alignment-parsing-utils.js"></script> | 8 <script src="../resources/alignment-parsing-utils.js"></script> |
9 <div id="log"></div> | 9 <div id="log"></div> |
10 <script> | 10 <script> |
11 var values = ["normal", "stretch"].concat(selfPositionValues, baselineValues
); | 11 var values = ["normal", "stretch"].concat(selfPositionValues, baselineValues
); |
12 values.forEach(function(alignValue) { | 12 values.forEach(function(alignValue) { |
13 ["", "auto"].concat(values).forEach(function(justifyValue) { | 13 [""].concat(values).forEach(function(justifyValue) { |
14 var value = (alignValue + " " + justifyValue).trim(); | 14 var value = (alignValue + " " + justifyValue).trim(); |
15 test(function() { | 15 test(function() { |
16 checkPlaceShorhand("place-items", alignValue, justifyValue) | 16 checkPlaceShorhand("place-items", alignValue, justifyValue) |
17 }, "Checking place-items: " + value); | 17 }, "Checking place-items: " + value); |
18 }); | 18 }); |
19 }); | 19 }); |
20 </script> | 20 </script> |
OLD | NEW |