| 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 28 matching lines...) Expand all Loading... |
| 39 #test | 39 #test |
| 40 { | 40 { |
| 41 color: green; | 41 color: green; |
| 42 display: -ms-grid; | 42 display: -ms-grid; |
| 43 display: -moz-grid; | 43 display: -moz-grid; |
| 44 display: -o-grid; | 44 display: -o-grid; |
| 45 display: -webkit-grid; | 45 display: -webkit-grid; |
| 46 display: grid; | 46 display: grid; |
| 47 font: 20px/1 ahem; | 47 font: 20px/1 ahem; |
| 48 height: 3em; | 48 height: 3em; |
| 49 -ms-grid-definition-columns: auto 1fr; | 49 -ms-grid-template-columns: auto 1fr; |
| 50 -moz-grid-definition-columns: auto 1fr; | 50 -moz-grid-template-columns: auto 1fr; |
| 51 -o-grid-definition-columns: auto 1fr; | 51 -o-grid-template-columns: auto 1fr; |
| 52 -webkit-grid-definition-columns: auto 1fr; | 52 -webkit-grid-template-columns: auto 1fr; |
| 53 grid-definition-columns: auto 1fr; | 53 grid-template-columns: auto 1fr; |
| 54 -ms-grid-definition-rows: auto 1fr; | 54 -ms-grid-template-rows: auto 1fr; |
| 55 -moz-grid-definition-rows: auto 1fr; | 55 -moz-grid-template-rows: auto 1fr; |
| 56 -o-grid-definition-rows: auto 1fr; | 56 -o-grid-template-rows: auto 1fr; |
| 57 -webkit-grid-definition-rows: auto 1fr; | 57 -webkit-grid-template-rows: auto 1fr; |
| 58 grid-definition-rows: auto 1fr; | 58 grid-template-rows: auto 1fr; |
| 59 } | 59 } |
| 60 #griditem | 60 #griditem |
| 61 { | 61 { |
| 62 color: green; | 62 color: green; |
| 63 -ms-grid-column: 1; | 63 -ms-grid-column: 1; |
| 64 -moz-grid-column: 1; | 64 -moz-grid-column: 1; |
| 65 -o-grid-column: 1; | 65 -o-grid-column: 1; |
| 66 -webkit-grid-column: 1; | 66 -webkit-grid-column: 1; |
| 67 grid-column: 1; | 67 grid-column: 1; |
| 68 -ms-grid-row: 1; | 68 -ms-grid-row: 1; |
| 69 -moz-grid-row: 1; | 69 -moz-grid-row: 1; |
| 70 -o-grid-row: 1; | 70 -o-grid-row: 1; |
| 71 -webkit-grid-row: 1; | 71 -webkit-grid-row: 1; |
| 72 grid-row: 1; | 72 grid-row: 1; |
| 73 } | 73 } |
| 74 span | 74 span |
| 75 { | 75 { |
| 76 color: red; | 76 color: red; |
| 77 } | 77 } |
| 78 </style> | 78 </style> |
| 79 </head> | 79 </head> |
| 80 <body> | 80 <body> |
| 81 <p>Test passes if there is no red visible on the page.</p> | 81 <p>Test passes if there is no red visible on the page.</p> |
| 82 <div id="test"> | 82 <div id="test"> |
| 83 <div><span>XX</span>X<span>XX</span></div> | 83 <div><span>XX</span>X<span>XX</span></div> |
| 84 <div id="griditem">XX XX</div> | 84 <div id="griditem">XX XX</div> |
| 85 </div> | 85 </div> |
| 86 </body> | 86 </body> |
| 87 </html> | 87 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 146773002:
[CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master