servo/tests/wpt/css-tests/css-text-3_dev/xhtml1print/css3-text-line-break-baspglwj-017.xht

45 lines
No EOL
1.4 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.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS3 Text, linebreaks: U+2010 HYPHEN</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
<link href="https://drafts.csswg.org/css-text-3/#line-breaking" rel="help" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="font dom" name="flags" />
<meta content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters." name="assert" />
<style type="text/css">
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
</style>
</head>
<body>
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
Box height: <span id='debugresult'></span><script>document.getElementById('debugresult').innerHTML = document.getElementById('breakable').offsetHeight;</script>
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight &gt; 35);
}, " ");
</script>
<div id="log"></div>
</body></html>