third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-orthogonal-vlr-003.xht - Issue 1394423002: update-w3c-deps import using blink d9b074fe31794b3500d8e7ccf4d9ab7b15a7e86d:

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-orthogonal-vlr-003.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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-007.xht ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-orthogonal-vlr-005.xht » ('j') | third_party/WebKit/LayoutTests/imported/web-platform-tests/html/browsers/browsing-the-web/history-traversal/001-expected.txt » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />	4 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

5 <title>CSS Writing Modes Test: text baseline alignment of inline-block in or thogonal flow</title>	5 <title>CSS Writing Modes Test: text baseline alignment of inline-block in or thogonal flow</title>

6 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmai l.com" />	6 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmai l.com" />

7 <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/Brow serBugsSection/css21testsuite/" /> <!-- 2015-06-12 -->	7 <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/Brow serBugsSection/css21testsuite/" /> <!-- 2015-06-12 -->

8 <link rel="help" title="4.3 Atomic Inline Baselines" href="http://www.w3.org /TR/css-writing-modes-3/#replaced-baselines" />	8 <link rel="help" title="4.3 Atomic Inline Baselines" href="http://www.w3.org /TR/css-writing-modes-3/#replaced-baselines" />

9 <link rel="match" href="inline-block-alignment-orthogonal-vrl-002-ref.xht" / >	9 <link rel="match" href="inline-block-alignment-orthogonal-vrl-002-ref.xht" / >

10 <meta name="assert" content="This test checks the generation of text baselin e. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical bas eline. In this test, the inline-block should be 'sitting' on the alphabetical ba seline, therefore creating a straight and unbroken bottom edge." />	10 <meta name="assert" content="This test checks the generation of text baselin e. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical bas eline. In this test, the inline-block should be 'sitting' on the alphabetical ba seline, therefore creating a straight and unbroken bottom edge." />

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#horiz-tb	13 div#horiz-tb

14 {	14 {

15 color: orange;	15 color: orange;

16 font: 60px/1 Ahem; /* computes to 60px/60px */	16 font: 60px/1 Ahem; /* computes to 60px/60px */

17 -webkit-writing-mode: horizontal-tb;	17 -webkit-writing-mode: horizontal-tb;

18 }	18 }

19	19

20 div#inline-block-90	20 div#inline-block-90

21 {	21 {

22 background-color: orange; /* we want the padding-bottom to be painted with orange color */	22 background-color: orange; /* we want the padding-bottom to be painted with orange color */

23 display: inline-block;	23 display: inline-block;

24 font-size: 1.5em; /* computes to 90px */	24 font-size: 1.5em; /* computes to 90px */

25 /*	25 /*

26 such padding-bottom declaration is arbitrary and only serve to make the	26 such padding-bottom declaration is arbitrary and only serve to make the

27 test a bit more challenging.	27 test a bit more challenging.

28 */	28 */

29 padding-bottom: 0.5em; /* computes to 45px */	29 padding-bottom: 0.5em; /* computes to 45px */

30 -webkit-text-orientation: mixed;	30 text-orientation: mixed;

31 -webkit-writing-mode: vertical-lr;	31 -webkit-writing-mode: vertical-lr;

32 }	32 }

33	33

34 span.block-descendant	34 span.block-descendant

35 {	35 {

36 display: block;	36 display: block;

37 }	37 }

38	38

39 span#orange30	39 span#orange30

40 {	40 {

41 font-size: 0.5em; /* computes to 30px */	41 font-size: 0.5em; /* computes to 30px */

42 }	42 }

43 ]]></style>	43 ]]></style>

44	44

45 </head>	45 </head>

46	46

47 <body>	47 <body>

48	48

49 <p>Test passes if the <strong>bottom edge</strong> of an irregular polygon is straight and unbroken.</p>	49 <p>Test passes if the <strong>bottom edge</strong> of an irregular polygon is straight and unbroken.</p>

50	50

51 <div id="horiz-tb">É<div id="inline-block-90">	51 <div id="horiz-tb">É<div id="inline-block-90">

52 <span class="block-descendant">L</span>	52 <span class="block-descendant">L</span>

53 <span class="block-descendant">Z</span>	53 <span class="block-descendant">Z</span>

54 </div><span id="orange30">É</span>	54 </div><span id="orange30">É</span>

55 </div>	55 </div>

56	56

57 </body>	57 </body>

58 </html>	58 </html>

OLD	NEW