| OLD | NEW |
|---|
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>CSS 2.1 Test Suite: Horizontal Formatting</title> | 4 <title>CSS 2.1 Test Suite: Horizontal Formatting</title> |
| 5 <script src="../resources/ahem.js"></script> |
| 5 <style type="text/css"> | 6 <style type="text/css"> |
| 6 p#ruled { | 7 p#ruled { |
| 7 font: 40px/1 Ahem; | 8 font: 40px/1 Ahem; |
| 8 width: 360px; background-color: aqua; color: blue; | 9 width: 360px; background-color: aqua; color: blue; |
| 9 border-style: solid; border-color: fuchsia; | 10 border-style: solid; border-color: fuchsia; |
| 10 border-top-width: 0px; border-right-width: 40px; border-bottom-width: 0px;
border-left-width: 40px; | 11 border-top-width: 0px; border-right-width: 40px; border-bottom-width: 0px;
border-left-width: 40px; |
| 11 padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 4
0px; | 12 padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 4
0px; |
| 12 margin-top: 0px; margin-right: 40px; margin-bottom: 0px; margin-left: 40px; | 13 margin-top: 0px; margin-right: 40px; margin-bottom: 0px; margin-left: 40px; |
| 13 } | 14 } |
| 14 </style> | 15 </style> |
| 15 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" tit
le="8.1 Box dimensions"> | 16 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" tit
le="8.1 Box dimensions"> |
| 16 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties"
title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', '
margin-left', and 'margin'"> | 17 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties"
title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', '
margin-left', and 'margin'"> |
| 17 </head> | 18 </head> |
| 18 <body> | 19 <body> |
| 19 <p>The two diagrams below should be identical.</p> | 20 <p>The two diagrams below should be identical.</p> |
| 20 <div class="test"> | 21 <div class="test"> |
| 21 <p id="ruled">X X X X X</p> | 22 <p id="ruled">X X X X X</p> |
| 22 <p id="control"> | 23 <p id="control"> |
| 23 <object data="support/css1test412a.png"> | 24 <object data="support/css1test412a.png"> |
| 24 <p>The diagram above should be as described here: A 40px white | 25 <p>The diagram above should be as described here: A 40px white |
| 25 square (which will appear as a 40px indent from the left margin), | 26 square (which will appear as a 40px indent from the left margin), |
| 26 a 40px fuchsia square, six 40px aqua squares separated by five | 27 a 40px fuchsia square, six 40px aqua squares separated by five |
| 27 40px blue squares, and a final fuchsia square.</p> | 28 40px blue squares, and a final fuchsia square.</p> |
| 28 </object> | 29 </object> |
| 29 </p> | 30 </p> |
| 30 </div> | 31 </div> |
| 31 </body> | 32 </body> |
| 32 </html> | 33 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1212753002:
Convert tests (except fast/, imported/) using ahem font to ahem.js style (Closed)
Base URL: svn://svn.chromium.org/blink/trunk