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

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-006.xht

Issue 1394423002: update-w3c-deps import using blink d9b074fe31794b3500d8e7ccf4d9ab7b15a7e86d: (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 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
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head> 3 <head>
4 <title>CSS Writing Modes Test: inline block alignment - alphabetical alignme nt with vertical layout</title> 4 <title>CSS Writing Modes Test: inline block alignment - alphabetical alignme nt with vertical layout</title>
5 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmai l.com" /> 5 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmai l.com" />
6 <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/Brow serBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> 6 <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/Brow serBugsSection/css21testsuite/" /> <!-- 2015-09-26 -->
7 <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" hre f="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> 7 <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" hre f="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" />
8 <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> 8 <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
9 <link rel="match" href="inline-block-alignment-006-ref.xht" /> 9 <link rel="match" href="inline-block-alignment-006-ref.xht" />
10 <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is ' sideways', then the alphabetical baseline is used as the dominant baseline." /> 10 <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is ' sideways', then the alphabetical baseline is used as the dominant baseline." />
11 <meta name="flags" content="ahem" /> 11 <meta name="flags" content="ahem" />
12 <style type="text/css"><![CDATA[ 12 <style type="text/css"><![CDATA[
13 div#rl-sideways 13 div#rl-sideways
14 { 14 {
15 color: fuchsia; 15 color: fuchsia;
16 font: 60px/1 Ahem; /* computes to 60px/60px */ 16 font: 60px/1 Ahem; /* computes to 60px/60px */
17 -webkit-writing-mode: vertical-rl; 17 -webkit-writing-mode: vertical-rl;
18 -webkit-text-orientation: sideways; 18 text-orientation: sideways;
19 } 19 }
20 20
21 div#inline-block 21 div#inline-block
22 { 22 {
23 display: inline-block; 23 display: inline-block;
24 padding-left: 0.5em; /* computes to 60px */ 24 padding-left: 0.5em; /* computes to 60px */
25 font-size: 2em; /* computes to 120px */ 25 font-size: 2em; /* computes to 120px */
26 /* 26 /*
27 such padding-left declaration is arbitrary and only serve to make the 27 such padding-left declaration is arbitrary and only serve to make the
28 test a bit more challenging. 28 test a bit more challenging.
(...skipping 22 matching lines...) Expand all
51 51
52 <p>Test passes if the <strong>left edge</strong> of an irregular polygon is st raight and unbroken.</p> 52 <p>Test passes if the <strong>left edge</strong> of an irregular polygon is st raight and unbroken.</p>
53 53
54 <div id="rl-sideways">É<div id="inline-block"> 54 <div id="rl-sideways">É<div id="inline-block">
55 <span class="block-descendant">B</span> 55 <span class="block-descendant">B</span>
56 <span class="block-descendant last-line-box">É</span> 56 <span class="block-descendant last-line-box">É</span>
57 </div><span id="fuchsia30">É</span></div> 57 </div><span id="fuchsia30">É</span></div>
58 58
59 </body> 59 </body>
60 </html> 60 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698