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

Side by Side Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/height-width-inline-non-replaced-vlr-003.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="../css21/reference/ref-filled-green-100px-square.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: 2em;
24 -webkit-writing-mode: vertical-lr;
25 }
26
27 div#inline
28 {
29 background-color: red;
30 color: red;
31 display: inline;
32 height: 2em;
33 width: 2em;
34 }
35
36 div#overlapping-green
37 {
38 background-color: green;
39 bottom: 200px;
40 height: 100px;
41 position: relative;
42 width: 100px;
43 }
44 ]]></style>
45 </head>
46
47 <body>
48
49 <p>Test passes if there is a filled green square and <strong>no red</strong>.< /p>
50
51 <div id="block">
52 <div id="inline">A</div>
53 </div>
54
55 <div id="overlapping-green"></div>
56
57 </body>
58 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698