Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6

This commit is contained in:
Ms2ger
2016-03-01 16:08:43 +01:00
parent 40c52d55e2
commit 349c75536d
7391 changed files with 304135 additions and 153491 deletions

View File

@@ -1,71 +1,24 @@
<!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" xml:lang="ja">
<head>
<title>CSS Test: word-break - keep-all - basic cases</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 word-break-keep-all-001"; }
@bottom-right { content: counter(page); }
}
<!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>word-break: keep-all, japanese</title>
<meta content="word-break: keep-all means breaking is forbidden within 'words'. In this style, sequences of CJK characters do not break." name="assert" />
<link href="https://drafts.csswg.org/css-text-3/#word-break-property" rel="help" />
<link href="reference/word-break-keep-all-ref-001.xht" rel="match" />
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
<style type="text/css">
.test { word-break: keep-all; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; padding: 10px; width: 390px; font: 36px/1 sans-serif; }
</style>
<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp"/>
<link rel="help" title="CSS Text Level 3: 5.2. Word Breaking Rules: the word-break property" href="http://www.w3.org/TR/css-text-3/#word-break"/>
<link rel="match" href="reference/word-break-keep-all-001-ref.xht"/>
<meta name="flags" content="font"/>
<meta name="assert" content="Block characters can no longer create implied break points."/>
<style type="text/css">
<![CDATA[
.test span {
word-break: keep-all;
}
/* the CSS below is not part of the test */
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
width: 10em;
}
span.attention {
color: red;
}
span.no_wrap {
white-space: nowrap;
}
]]>
</style>
</head>
<body>
<p>
Test passes if each pair of upper and lower text in the square box is identical.
</p>
<hr/>
<p class="test">
<span>Filler Text Filler Text Filler Text</span>
</p>
<p class="control">
<span>Filler Text Filler<br/>Text Filler Text</span>
</p>
<hr/>
<p class="test">
<span>満たすための文字 Filler Text</span>
</p>
<p class="control">
<span>満たすための文字<br/>Filler Text</span>
</p>
<hr/>
<p class="test">
<span>満たすための文字満たすための文字</span>
</p>
<p class="control">
<span class="no_wrap">満たすための文字満たすための文字</span>
</p>
<hr/>
<p>
<span class="attention">* You will need a Japanese font.</span><br/>
If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and reload this page.
</p>
</body>
</html>
</head>
<body>
<div id="instructions">Test passes if the two orange boxes are the same.</div>
<div lang="ja" class="test"><div id="testdiv"><span id="testspan">日本語 日本語 日本語</span></div></div>
<div lang="ja" class="ref"><span>日本語 日本語<br />日本語</span></div>
<script>
var sentenceWidth = document.getElementById('testspan').offsetWidth
document.getElementById('testdiv').style.width = String(sentenceWidth - 5)+'px'
</script>
</body></html>