Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(300)

Side by Side Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/table-column-order-005.xht

Issue 1161223002: Import csswg-test/css-writing-modes-3/ (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Comments updated Created 5 years, 6 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
OLDNEW
(Empty)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">
2
3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head>
6
7 <title>CSS Writing Modes Test: 'direction: rtl' - table columns order and vert ical-lr</title>
8
9 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail. com" />
10 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/Browse rBugsSection/css21testsuite/" /> <!-- 2015-01-25 -->
11 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" ti tle="2.1 Specifying Directionality: the direction property" />
12 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layo ut" title="7.1 Principles of Layout in Vertical Writing Modes" />
13 <link rel="match" href="block-flow-direction-001-ref.xht" />
14
15 <meta content="ahem" name="flags" />
16 <meta content="This test checks that colspanned cells in a table with 'directi on' set to 'rtl' are handled according to a bottom-to-top column direction." nam e="assert" />
17
18 <style type="text/css"><![CDATA[
19 body
20 {
21 color: yellow;
22 font: 1.25em/1 Ahem;
23 }
24
25 table
26 {
27 background-color: blue;
28 border-spacing: 0em;
29 border: blue solid 1em;
30 height: 7em;
31 direction: rtl;
32 -webkit-writing-mode: vertical-lr;
33 }
34
35 td
36 {
37 padding-bottom: 0em;
38 padding-left: 1em;
39 padding-right: 0em;
40 padding-top: 0em;
41 }
42
43 td.left-most-cell { padding-left: 0em; }
44 ]]></style>
45 </head>
46
47 <body>
48
49 <table>
50
51 <!-- The "P" -->
52 <tr><td class="left-most-cell"><!-- bottommost column -->AA &nbsp;&nbsp; &n bsp;&nbsp; &nbsp;&nbsp;</td><td class="left-most-cell">BB C&nbsp; D&nbsp; E&nbsp ;</td><td class="left-most-cell"><!-- topmost column -->FFF G &nbsp; H &nbsp; III</td></tr>
53
54 <!-- The "A" -->
55 <tr><td colspan="2"><!-- bottommost column -->JJJJ K&nbsp; &nbsp; L&nbsp; & nbsp; MMMM</td><td><!-- topmost column -->NNN O &nbsp; P &nbsp; QQQ</td></tr>
56
57 <!-- The left-most "S" -->
58 <tr><td><!-- bottommost column --> R &nbsp;S &nbsp;T UU</td><td colspan="2" ><!-- topmost column -->VVVV&nbsp; W &nbsp;X&nbsp; Y &nbsp;Z&nbsp; a&nbsp;&nbs p;bb</td></tr>
59
60 <!-- The right-most "S" -->
61 <tr><td><!-- bottommost column --> c &nbsp;d &nbsp;b cc</td><td>d&nbsp; e&n bsp; f&nbsp; gg</td><td><!-- topmost column -->hhh i &nbsp; j &nbsp; k&nbsp;&n bsp;</td></tr>
62
63 </table>
64
65 </body>
66 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698