OLD | NEW |
1 <?xml version="1.0" encoding="UTF-8"?> | 1 <?xml version="1.0" encoding="UTF-8"?> |
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/
DTD/xhtml11.dtd"> | 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/
DTD/xhtml11.dtd"> |
3 <html xmlns="http://www.w3.org/1999/xhtml"> | 3 <html xmlns="http://www.w3.org/1999/xhtml"> |
4 <head> | 4 <head> |
5 <title>CSS Reftest Reference</title> | 5 <title>CSS Reftest Reference</title> |
6 <!-- reftest for text-orientation-014.xht --> | 6 <!-- reftest for text-orientation-014.xht --> |
7 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiya
ma@gmail.com" /> | 7 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiya
ma@gmail.com" /> |
8 <meta http-equiv="content-language" content="en" /> | 8 <meta http-equiv="content-language" content="en" /> |
9 <style type="text/css"> | 9 <style type="text/css"> |
10 .view_ahem | 10 .view_ahem |
11 { | 11 { |
12 background: pink; | 12 background: pink; |
13 border: 1px solid black; | 13 border: 1px solid black; |
14 color: blue; | 14 color: blue; |
15 font: 20px/1 "Ahem"; | 15 font: 20px/1 "Ahem"; |
16 height: 3em; | 16 height: 3em; |
17 margin: 10px; | 17 margin: 10px; |
18 width: 3em; | 18 width: 3em; |
19 white-space: pre; | 19 white-space: pre; |
20 } | 20 } |
21 .control_ahem | 21 .control_ahem |
22 { | 22 { |
23 -webkit-writing-mode: horizontal-tb; | 23 -webkit-writing-mode: horizontal-tb; |
24 -webkit-writing-mode: horizontal-tb; | |
25 } | 24 } |
26 .view | 25 .view |
27 { | 26 { |
28 border: 1px solid gray; | 27 border: 1px solid gray; |
29 font-size: 1.5em; | 28 font-size: 1.5em; |
30 line-height: 1.5; | 29 line-height: 1.5; |
31 margin-bottom: 10px; | 30 margin-bottom: 10px; |
32 width: 3em; | 31 width: 3em; |
33 -webkit-writing-mode: vertical-rl; | 32 -webkit-writing-mode: vertical-rl; |
34 -webkit-writing-mode: vertical-rl; | |
35 } | 33 } |
36 .control | 34 .control |
37 { | 35 { |
38 -webkit-text-combine: none; | 36 -webkit-text-combine: none; |
39 } | 37 } |
40 </style> | 38 </style> |
41 </head> | 39 </head> |
42 <body lang="en"> | 40 <body lang="en"> |
43 <p>Test passes if a pair of rectangles is <strong>identical</str
ong> including <strong>layout</strong> and <strong>orientation</strong>.</p> | 41 <p>Test passes if a pair of rectangles is <strong>identical</str
ong> including <strong>layout</strong> and <strong>orientation</strong>.</p> |
44 <div class="view_ahem"><span class="control_ahem">7 1 | 42 <div class="view_ahem"><span class="control_ahem">7 1 |
45 52 | 43 52 |
46 63</span></div> | 44 63</span></div> |
47 <div class="view_ahem"><span class="control_ahem">7 1 | 45 <div class="view_ahem"><span class="control_ahem">7 1 |
48 52 | 46 52 |
49 63</span></div> | 47 63</span></div> |
50 <hr /> | 48 <hr /> |
51 <div class="view"><span class="control">123Abc<br />def456</span
></div> | 49 <div class="view"><span class="control">123Abc<br />def456</span
></div> |
52 <div class="view"><span class="control">123Abc<br />def456</span
></div> | 50 <div class="view"><span class="control">123Abc<br />def456</span
></div> |
53 </body> | 51 </body> |
54 </html> | 52 </html> |
OLD | NEW |