| 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 |
|---|
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