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

Side by Side Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/height-width-inline-non-replaced-vrl-002.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: height and width - inline non-replaced element in vertical writing-mode</title>
8
9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB ugsSection/css21testsuite/" />
10 <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" />
11 <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.htm l#inline-width" title="10.3.1 Inline, non-replaced elements" />
12 <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.htm l#inline-non-replaced" title="10.6.1 Inline, non-replaced elements" />
13 <link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
14
15 <meta content="ahem" name="flags" />
16 <meta content="This test checks that height and width declarations do not appl y to inline non-replaced elements in vertical writing-modes." name="assert" />
17
18 <style type="text/css"><![CDATA[
19 div#block
20 {
21 font: 6.25em/1 Ahem; /* computes to 100px/100px */
22 height: 2em;
23 width: 4em;
24 -webkit-writing-mode: vertical-rl;
25 }
26
27 div#inline
28 {
29 background-color: red;
30 color: red;
31 display: inline;
32 height: 2em;
33 width: 4em;
34 }
35
36 div#overlapping-green
37 {
38 background-color: green;
39 bottom: 200px;
40 height: 100px;
41 left: 300px;
42 position: relative;
43 width: 100px;
44 }
45 ]]></style>
46 </head>
47
48 <body>
49
50 <p>Test passes if there is a filled green square and <strong>no red</strong>.< /p>
51
52 <div id="block">
53 <div id="inline">A</div>
54 </div>
55
56 <div id="overlapping-green"></div>
57
58 </body>
59 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698