| 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 |
| 11 Redistributions in binary form must reproduce the above copyright notice, this
list of | 11 Redistributions in binary form must reproduce the above copyright notice, this
list of |
| 12 conditions and the following disclaimer in the documentation and/or other mater
ials | 12 conditions and the following disclaimer in the documentation and/or other mater
ials |
| 13 provided with the distribution. | 13 provided with the distribution. |
| 14 | 14 |
| 15 Neither the name of the Microsoft Corporation nor the names of its contributors
may be | 15 Neither the name of the Microsoft Corporation nor the names of its contributors
may be |
| 16 used to endorse or promote products derived from this software without specific
prior | 16 used to endorse or promote products derived from this software without specific
prior |
| 17 written permission. | 17 written permission. |
| 18 | 18 |
| 19 THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR I
MPLIED | 19 THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR I
MPLIED |
| 20 WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTAB
ILITY AND | 20 WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTAB
ILITY AND |
| 21 FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CO
RPORATION | 21 FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CO
RPORATION |
| 22 BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUE
NTIAL | 22 BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUE
NTIAL |
| 23 DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERV
ICES; | 23 DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERV
ICES; |
| 24 LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY | 24 LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY |
| 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 |
| 30 <!-- This test case has been modified to use 20px instead of 16px font-size to w
ork |
| 31 around font rendering issues for the Ahem font in Blink. --> |
| 32 |
| 29 <html xmlns="http://www.w3.org/1999/xhtml"> | 33 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 30 <head> | 34 <head> |
| 31 <title>CSS Test: All unit and function values</title> | 35 <title>CSS Test: All unit and function values</title> |
| 32 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> | 36 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
| 33 <link rel="help" href="http://www.w3.org/TR/CSS21/" /> | 37 <link rel="help" href="http://www.w3.org/TR/CSS21/" /> |
| 34 <meta name="flags" content="" /> | 38 <meta name="flags" content="" /> |
| 35 <meta name="assert" content="Verifying that all unit values and function
s are supported." /> | 39 <meta name="assert" content="Verifying that all unit values and function
s are supported." /> |
| 36 <style type="text/css"> | 40 <style type="text/css"> |
| 41 html { font-size: 20px; } |
| 42 body { font-size: 16px; } |
| 37 body div | 43 body div |
| 38 { | 44 { |
| 39 font: 16px/1em ahem; | 45 font: 20px/1em ahem; |
| 40 color: green; | 46 color: green; |
| 41 height: 16px; | 47 height: 20px; |
| 42 } | 48 } |
| 43 #parent | 49 #parent |
| 44 { | 50 { |
| 45 height: 272px; | 51 height: 340px; |
| 46 } | 52 } |
| 47 #parent | 53 #parent |
| 48 { | 54 { |
| 49 background: red; | 55 background: red; |
| 50 position: relative; | 56 position: relative; |
| 51 overflow: hidden; | 57 overflow: hidden; |
| 52 width: 1in; | 58 width: 1.25in; |
| 53 } | 59 } |
| 54 #div1:before | 60 #div1:before |
| 55 { | 61 { |
| 56 color: green; | 62 color: green; |
| 57 counter-increment: div1 123456; | 63 counter-increment: div1 123456; |
| 58 content: counter(div1); | 64 content: counter(div1); |
| 59 } | 65 } |
| 60 #div2 | 66 #div2 |
| 61 { | 67 { |
| 62 border-right: solid green 2.54cm; | 68 border-right: solid green 3.175cm; |
| 63 height: 16px; | 69 height: 20px; |
| 64 width: 0; | 70 width: 0; |
| 65 } | 71 } |
| 66 #div3 | 72 #div3 |
| 67 { | 73 { |
| 68 border-right: solid green 25.4mm; | 74 border-right: solid green 31.75mm; |
| 69 height: 16px; | 75 height: 20px; |
| 70 width: 0; | 76 width: 0; |
| 71 } | 77 } |
| 72 #div4 | 78 #div4 |
| 73 { | 79 { |
| 74 border-right: solid green 1in; | 80 border-right: solid green 1.25in; |
| 75 height: 16px; | 81 height: 20px; |
| 76 width: 0; | 82 width: 0; |
| 77 } | 83 } |
| 78 #div5 | 84 #div5 |
| 79 { | 85 { |
| 80 border-right: solid green 72pt; | 86 border-right: solid green 90pt; |
| 81 height: 16px; | 87 height: 20px; |
| 82 width: 0; | 88 width: 0; |
| 83 } | 89 } |
| 84 #div6 | 90 #div6 |
| 85 { | 91 { |
| 86 border-right: solid green 6pc; | 92 border-right: solid green 7.5pc; |
| 87 height: 16px; | 93 height: 20px; |
| 88 width: 0; | 94 width: 0; |
| 89 } | 95 } |
| 90 #div7 | 96 #div7 |
| 91 { | 97 { |
| 92 border-right: solid green 6em; | 98 border-right: solid green 6em; |
| 93 height: 16px; | 99 height: 20px; |
| 94 width: 0; | 100 width: 0; |
| 95 } | 101 } |
| 96 #div8 | 102 #div8 |
| 97 { | 103 { |
| 98 border-right: solid green 7.5ex; | 104 border-right: solid green 7.5ex; |
| 99 height: 16px; | 105 height: 20px; |
| 100 width: 0; | 106 width: 0; |
| 101 } | 107 } |
| 102 #div9 | 108 #div9 |
| 103 { | 109 { |
| 104 border-right: solid green 6rem; | 110 border-right: solid green 6rem; |
| 105 height: 16px; | 111 height: 20px; |
| 106 width: 0; | 112 width: 0; |
| 107 } | 113 } |
| 108 #div10 | 114 #div10 |
| 109 { | 115 { |
| 110 border-right: solid green 100vw; | 116 border-right: solid green 100vw; |
| 111 height: 16px; | 117 height: 20px; |
| 112 width: 0; | 118 width: 0; |
| 113 } | 119 } |
| 114 #div11 | 120 #div11 |
| 115 { | 121 { |
| 116 border-right: solid green 100vh; | 122 border-right: solid green 100vh; |
| 117 height: 16px; | 123 height: 20px; |
| 118 width: 0; | 124 width: 0; |
| 119 } | 125 } |
| 120 #div12 | 126 #div12 |
| 121 { | 127 { |
| 122 border-right: solid green 100vm; | 128 border-right: solid green 100vmin; |
| 123 height: 16px; | 129 height: 20px; |
| 124 width: 0; | 130 width: 0; |
| 125 } | 131 } |
| 126 #div13 | 132 #div13 |
| 127 { | 133 { |
| 128 border-right: solid green 6ch; | 134 border-right: solid green 6ch; |
| 129 height: 16px; | 135 height: 20px; |
| 130 width: 0; | 136 width: 0; |
| 131 } | 137 } |
| 132 #div14 | 138 #div14 |
| 133 { | 139 { |
| 134 border-right: solid green calc(0.5in*2); | 140 border-right: solid green calc(0.625in*2); |
| 135 height: 16px; | 141 height: 20px; |
| 136 width: 0; | 142 width: 0; |
| 137 } | 143 } |
| 138 #div15:before | 144 #div15:before |
| 139 { | 145 { |
| 140 color: green; | 146 color: green; |
| 141 content: "123456"; | 147 content: "123456"; |
| 142 } | 148 } |
| 143 #div16 | 149 #div16 |
| 144 { | 150 { |
| 145 width: 0.5in; | 151 width: 0.625in; |
| 146 } | 152 } |
| 147 #div16 div | 153 #div16 div |
| 148 { | 154 { |
| 149 background: green; | 155 background: green; |
| 150 height: 16px; | 156 height: 20px; |
| 151 width: 200%; | 157 width: 200%; |
| 152 } | 158 } |
| 153 #div17:before | 159 #div17:before |
| 154 { | 160 { |
| 155 color: green; | 161 color: green; |
| 156 content: attr(align); | 162 content: attr(align); |
| 157 } | 163 } |
| 158 </style> | 164 </style> |
| 159 </head> | 165 </head> |
| 160 <body> | 166 <body> |
| (...skipping 11 matching lines...) Expand all Loading... |
| 172 <div id="div10"></div> | 178 <div id="div10"></div> |
| 173 <div id="div11"></div> | 179 <div id="div11"></div> |
| 174 <div id="div12"></div> | 180 <div id="div12"></div> |
| 175 <div id="div13"></div> | 181 <div id="div13"></div> |
| 176 <div id="div14"></div> | 182 <div id="div14"></div> |
| 177 <div id="div15"></div> | 183 <div id="div15"></div> |
| 178 <div id="div16"><div></div></div> | 184 <div id="div16"><div></div></div> |
| 179 <div align="div17a" id="div17"></div> | 185 <div align="div17a" id="div17"></div> |
| 180 </div> | 186 </div> |
| 181 </body> | 187 </body> |
| 182 </html> | 188 </html> |
| OLD | NEW |