wm-row-progression-006.xht (2042B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> 11 <link rel="match" href="multicol-count-002-ref.xht" /> 12 13 <!-- 14 to be replaced with 15 <link rel="match" href="../css-multicol-1/multicol-count-002-ref.xht" /> 16 --> 17 18 <meta content="ahem" name="flags" /> 19 <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert" /> 20 21 <link type="text/css" rel="stylesheet" href="support/ahem.css" /> 22 23 <style type="text/css"><![CDATA[ 24 body 25 { 26 color: yellow; 27 font: 1.25em/1 Ahem; 28 } 29 30 table 31 { 32 background-color: black; 33 border-spacing: 0em; 34 border: black solid 1em; 35 height: 7em; 36 -ah-writing-mode: vertical-rl; 37 -webkit-writing-mode: vertical-rl; 38 writing-mode: tb-rl; /* IE11 */ 39 writing-mode: vertical-rl; 40 } 41 42 td 43 { 44 padding-bottom: 0em; 45 padding-left: 1em; 46 padding-right: 0em; 47 padding-top: 0em; 48 } 49 50 td.left-most-cell { padding-left: 0em; } 51 ]]></style> 52 </head> 53 54 <body> 55 56 <table> 57 58 <!-- The right-most "S" --> 59 <tr><td>A B C DDD</td><td>EE F G H</td><td rowspan="2">JJ K L M WW X Y Z</td></tr> 60 61 <!-- The left-most "S" --> 62 <tr><td>N O Q RRR</td><td>SS T U V</td></tr> 63 64 <!-- The "A" --> 65 <tr><td>aaa b c ddd</td><td rowspan="2" class="left-most-cell">ee f g hh r s t uu</td><td>jj kk</td></tr> 66 67 <!-- The "P" --> 68 <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell"> vv</td></tr> 69 70 </table> 71 72 </body> 73 </html>