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 |