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,62 +1,24 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<title>CSS Test: word-break - keep-all - basic cases</title>
<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.htm">
<meta name="flags" content="font">
<meta name="assert" content="Block characters can no longer create implied break points.">
<style type="text/css">
.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>
<!DOCTYPE html>
<html lang="en"><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.htm" 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>
</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>