OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR
/xhtml1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR
/xhtml1/DTD/xhtml1-strict.dtd"> |
2 <!-- | 2 <!-- |
3 Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights
reserved. | 3 Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights
reserved. |
4 | 4 |
5 Redistribution and use in source and binary forms, with or without modification
, | 5 Redistribution and use in source and binary forms, with or without modification
, |
6 are permitted provided that the following conditions are met: | 6 are permitted provided that the following conditions are met: |
7 | 7 |
8 Redistributions of source code must retain the above copyright notice, this lis
t of | 8 Redistributions of source code must retain the above copyright notice, this lis
t of |
9 conditions and the following disclaimer. | 9 conditions and the following disclaimer. |
10 | 10 |
(...skipping 14 matching lines...) Expand all Loading... |
25 OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGE
NCE OR | 25 OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGE
NCE OR |
26 OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
OF THE | 26 OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
OF THE |
27 POSSIBILITY OF SUCH DAMAGE. | 27 POSSIBILITY OF SUCH DAMAGE. |
28 --> | 28 --> |
29 <html xmlns="http://www.w3.org/1999/xhtml"> | 29 <html xmlns="http://www.w3.org/1999/xhtml"> |
30 <head> | 30 <head> |
31 <title>CSS Test: Grid-columns set to a negative <length> value</ti
tle> | 31 <title>CSS Test: Grid-columns set to a negative <length> value</ti
tle> |
32 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> | 32 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
33 <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-dec
laration" /> | 33 <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-dec
laration" /> |
34 <meta name="flags" content="ahem invalid" /> | 34 <meta name="flags" content="ahem invalid" /> |
35 <meta name="assert" content="The 'grid-definition-columns' property set
to a negative length value is invalid. Value then computes to its initial value,
'auto'." /> | 35 <meta name="assert" content="The 'grid-template-columns' property set to
a negative length value is invalid. Value then computes to its initial value, '
auto'." /> |
36 <script src="testRunnerEnableGrid.js"></script> | 36 <script src="testRunnerEnableGrid.js"></script> |
37 <style type="text/css"> | 37 <style type="text/css"> |
38 #parent | 38 #parent |
39 { | 39 { |
40 font: 20px/1 ahem; | 40 font: 20px/1 ahem; |
41 position: relative; | 41 position: relative; |
42 width: 13em; | 42 width: 13em; |
43 } | 43 } |
44 #test | 44 #test |
45 { | 45 { |
46 color: green; | 46 color: green; |
47 display: -ms-grid; | 47 display: -ms-grid; |
48 display: -moz-grid; | 48 display: -moz-grid; |
49 display: -o-grid; | 49 display: -o-grid; |
50 display: -webkit-grid; | 50 display: -webkit-grid; |
51 display: grid; | 51 display: grid; |
52 height: 3em; | 52 height: 3em; |
53 -ms-grid-definition-columns: -1em; | 53 -ms-grid-template-columns: -1em; |
54 -moz-grid-definition-columns: -1em; | 54 -moz-grid-template-columns: -1em; |
55 -o-grid-definition-columns: -1em; | 55 -o-grid-template-columns: -1em; |
56 -webkit-grid-definition-columns: -1em; | 56 -webkit-grid-template-columns: -1em; |
57 grid-definition-columns: -1em; | 57 grid-template-columns: -1em; |
58 -ms-grid-definition-rows: auto 1fr; | 58 -ms-grid-template-rows: auto 1fr; |
59 -moz-grid-definition-rows: auto 1fr; | 59 -moz-grid-template-rows: auto 1fr; |
60 -o-grid-definition-rows: auto 1fr; | 60 -o-grid-template-rows: auto 1fr; |
61 -webkit-grid-definition-rows: auto 1fr; | 61 -webkit-grid-template-rows: auto 1fr; |
62 grid-definition-rows: auto 1fr; | 62 grid-template-rows: auto 1fr; |
63 } | 63 } |
64 #left | 64 #left |
65 { | 65 { |
66 -ms-grid-column: 1; | 66 -ms-grid-column: 1; |
67 -moz-grid-column: 1; | 67 -moz-grid-column: 1; |
68 -o-grid-column: 1; | 68 -o-grid-column: 1; |
69 -webkit-grid-column: 1; | 69 -webkit-grid-column: 1; |
70 grid-column: 1; | 70 grid-column: 1; |
71 -ms-grid-row: 1; | 71 -ms-grid-row: 1; |
72 -moz-grid-row: 1; | 72 -moz-grid-row: 1; |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
106 <div id="absolute"> | 106 <div id="absolute"> |
107 XXXXXXXXX<span>XXXX</span> | 107 XXXXXXXXX<span>XXXX</span> |
108 </div> | 108 </div> |
109 <div id="test"> | 109 <div id="test"> |
110 <div id="right">XXXX</div> | 110 <div id="right">XXXX</div> |
111 <div id="left">XXXXX</div> | 111 <div id="left">XXXXX</div> |
112 </div> | 112 </div> |
113 </div> | 113 </div> |
114 </body> | 114 </body> |
115 </html> | 115 </html> |
OLD | NEW |