LayoutTests/css2.1/t1008-c44-ln-box-03-d-ag.html - Issue 1212753002: Convert tests (except fast/, imported/) using ahem font to ahem.js style

Side by Side Diff: LayoutTests/css2.1/t1008-c44-ln-box-03-d-ag.html

Issue 1212753002: Convert tests (except fast/, imported/) using ahem font to ahem.js style (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 5 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

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: The Height of Lines</title>	4 <title>CSS 2.1 Test Suite: The Height of Lines</title>

	5 <script src="../resources/ahem.js"></script>

5 <style type="text/css">	6 <style type="text/css">

6 div { font: 20px/40px Ahem; color: white; background: red url(support/css1tes t44d.png) no-repeat;	7 div { font: 20px/40px Ahem; color: white; background: red url(support/css1tes t44d.png) no-repeat;

7 width: 14em; padding: 0.5em 1em; border: 1em solid green; }	8 width: 14em; padding: 0.5em 1em; border: 1em solid green; }

8 img.twoc { vertical-align: -0.7em	9 img.twoc { vertical-align: -0.7em

9 /* 0.4em is exactly equal to 0.5ex which is exactly equal to the d istance that 'middle'	10 /* 0.4em is exactly equal to 0.5ex which is exactly equal to the d istance that 'middle'

10 causes the centerpoint of the image to be from the baseline. Si nce the centerpoint	11 causes the centerpoint of the image to be from the baseline. Si nce the centerpoint

11 is 1em above the bottom of the image, that means the bottom of the image has to be	12 is 1em above the bottom of the image, that means the bottom of the image has to be

12 moved -0.6em so that it is at the same position as it would be with 'vertical-align'	13 moved -0.6em so that it is at the same position as it would be with 'vertical-align'

13 set to 'middle'. The bottom of the image is a further 0.6em+1em -1.5em from the bottom	14 set to 'middle'. The bottom of the image is a further 0.6em+1em -1.5em from the bottom

14 margin edge of the whole replaced element, which is what needs to be moved away from	15 margin edge of the whole replaced element, which is what needs to be moved away from

15 the baseline. So -(0.6em+(0.6em+1em-1.5em)) = -0.7em is the dis tance to move. */;	16 the baseline. So -(0.6em+(0.6em+1em-1.5em)) = -0.7em is the dis tance to move. */;

16 width: 2em; height: 2em; padding: 0.4em 0.5em 0.6em; border: solid 1em; margin: -1.5em -0.5em; }	17 width: 2em; height: 2em; padding: 0.4em 0.5em 0.6em; border: solid 1em; margin: -1.5em -0.5em; }

17 </style>	18 </style>

18 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" ti tle="10.8 Line height calculations: the 'line-height' and 'vertical-align' prope rties">	19 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" ti tle="10.8 Line height calculations: the 'line-height' and 'vertical-align' prope rties">

19 </head>	20 </head>

20 <body>	21 <body>

21 <p>There should be no red below, just the outline of an empty green box.</p>	22 <p>There should be no red below, just the outline of an empty green box.</p>

22 <div>	23 <div>

23 xxxx xxxx xxxx	24 xxxx xxxx xxxx

24 xxxx xxxx xxxx	25 xxxx xxxx xxxx

25 xxxx	26 xxxx

26 <img alt="" src="support/swatch-white.png" class="twoc">	27 <img alt="" src="support/swatch-white.png" class="twoc">

27 xxxx	28 xxxx

28 xxxx xxxx xxxx	29 xxxx xxxx xxxx

29 xxxx xxxx xxxx	30 xxxx xxxx xxxx

30 </div>	31 </div>

31 </body>	32 </body>

32 </html>	33 </html>

OLD	NEW

« no previous file with comments | « LayoutTests/css2.1/t1008-c44-ln-box-02-d-ag.html ('k') | LayoutTests/css2.1/t100801-c42-ibx-ht-00-d-a.html » ('j') | no next file with comments »