eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-30 11:27:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8

Browse Source
This commit is contained in:
James Graham
2015-07-27 17:47:31 +01:00
parent 662c00a810
commit df03062d62
10934 changed files with 428309 additions and 254265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
tests/wpt/css-tests/css21_dev/xhtml1/vertical-alignment-new-006.xht Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: vertical align - 'baseline' (alphabetical baseline with vertical layout)</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="help" title="4.4. Baseline Alignment" href="http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment" />
<link rel="help" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
<meta name="assert" content="This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the left edge of inline-box aligned with the bottom of parent inline-box." />
<link rel="match" href="reference/vertical-alignment-new-006-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css"><![CDATA[
div#rl
{
color: orange;
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
writing-mode: vertical-rl;
}
span#orange30
{
font-size: 0.5em; /* computes to 30px */
vertical-align: text-bottom;
line-height: 1;
}
]]></style>
</head>
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div id="rl">A<span id="orange30">O</span></div>
</body>
</html>