| 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: red; | 62 color: red; |
| 63 -ms-grid-column: 0; | 63 -ms-grid-column: 0; |
| 64 -moz-grid-column: 0; | 64 -moz-grid-column: 0; |
| 65 -o-grid-column: 0; | 65 -o-grid-column: 0; |
| 66 -webkit-grid-column: 0; | 66 -webkit-grid-column: 0; |
| 67 grid-column: 0; | 67 grid-column: 0; |
| 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 </style> | 74 </style> |
| 75 </head> | 75 </head> |
| 76 <body> | 76 <body> |
| 77 <p>Test passes if there is no red visible on the page.</p> | 77 <p>Test passes if there is no red visible on the page.</p> |
| 78 <div id="test"> | 78 <div id="test"> |
| 79 <div id="griditem">XXXX</div> | 79 <div id="griditem">XXXX</div> |
| 80 <div>XXXXX</div> | 80 <div>XXXXX</div> |
| 81 </div> | 81 </div> |
| 82 </body> | 82 </body> |
| 83 </html> | 83 </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