servo/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/bidi-002.xht

41 lines
No EOL
2.1 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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" lang="en" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: RLO/PDF bidi reordering across closing inline element boundary + soft line break</title>
<meta name="assert" content="Tests that RLO + closing inline element boundary + soft line break + PDF reorders text, placing text correctly on each line while also splitting inline and rendering borders and padding appropriately." />
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/002.html" type="text/html" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes" />
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
<link rel="help" href="http://unicode.org/reports/tr9/" />
<link rel="match" href="reference/bidi-002-ref.xht" />
<style type="text/css">
div p { width: 17em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; }
.test { border: solid; padding: 0.4em 1em; line-height: 3em; color: navy; }
.control { line-height: 3em; color: navy; }
.control.a { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; }
.control.b { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; }
</style>
</head>
<body>
<p> The following two blocks should be identical, including overflow. (Force bidi: א) </p>
<div>
<p>
<span class="control a">AAABBBCCC</span>DDDEEEFFF<span class="control b">GGGHHHIII</span>
JJJKKKLLLMMMNNNOOO
</p>
<p>
<span class="test">AAABBBCCCIIIHHHGGG</span>FFFEEEDDD
LLLKKKJJJMMMNNNOOO
</p>
</div>
</body>
</html>