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

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse Source
This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm Normal file
View File

@@ -0,0 +1,61 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: horizontal-tb - block flow direction of block-level boxes</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
<link rel="match" href="reference/block-flow-direction-001-ref.htm">
<meta content="ahem" name="flags">
<meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert">
<style type="text/css">
html { writing-mode: horizontal-tb; }
/*
"
The principal writing mode of the document is determined by the writing-mode
and direction values specified on the root element.
"
*/
body
{
color: yellow;
font: 1.25em/1 Ahem;
width: 21em;
}
div
{
background-color: blue;
border-left: blue solid 1em;
border-right: blue solid 1em;
}
div#top-border { border-top: blue solid 1em; }
div#bottom-border { border-bottom: blue solid 1em; }
</style>
</head>
<body>
<!-- topmost line --><div id="top-border">AAAA BBBB CCCC DDDD</div>
<!-- 2nd topmost line --><div>E&nbsp; F G&nbsp; H J&nbsp;&nbsp;&nbsp; L&nbsp;&nbsp; </div>
<!-- 3rd topmost line --><div>M&nbsp; N Q&nbsp; R S&nbsp;&nbsp;&nbsp; T&nbsp;&nbsp; </div>
<!-- 4th topmost line --><div>UUUU VVVV WWWW XXXX</div>
<!-- 5th topmost line --><div>Z&nbsp;&nbsp;&nbsp; a&nbsp; b&nbsp;&nbsp;&nbsp; c&nbsp;&nbsp;&nbsp; d</div>
<!-- 6th topmost line --><div>e&nbsp;&nbsp;&nbsp; f&nbsp; g&nbsp;&nbsp;&nbsp; h&nbsp;&nbsp;&nbsp; j</div>
<!-- 7th topmost line --><div id="bottom-border">k&nbsp;&nbsp;&nbsp; m&nbsp; n qqqq rrrr</div>
</body>
</html>