servo/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/line-break-strict-018-ref.xht

106 lines
No EOL
3.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. 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.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Text Module Level 3 CR Test Suite"; }
@top-right { content: "Test line-break-strict-018-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<!-- reftest for line-break-strict-018.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/>
<meta http-equiv="content-language" content="en, ja"/>
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("../support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
p.control {
border: 1px solid gray;
color: blue;
font-family: "mplus-1p-regular";
width: 10em;
}
span.target {
background-color: aqua;
}
</style>
</head>
<body lang="en">
<p>
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- prefixes DOLLAR SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target">$</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target">$</span>サンプル文</span>
</p>
<hr/>
<!-- prefixes POUND SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target">£</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target">£</span>サンプル文</span>
</p>
<hr/>
<!-- prefixes YEN SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target">¥</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target">¥</span>サンプル文</span>
</p>
<hr/>
<!-- prefixes EURO SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<hr/>
<!-- prefixes NUMERO SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<hr/>
<!-- prefixes FULLWIDTH DOLLAR SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<hr/>
<!-- prefixes FULLWIDTH POUND SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<hr/>
<!-- prefixes FULLWIDTH YEN SIGN -->
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br/><span class="target"></span>サンプル文</span>
</p>
</body>
</html>