diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-text/line-break/line-break-strict-014.xht')
| -rw-r--r-- | testing/web-platform/tests/css/css-text/line-break/line-break-strict-014.xht | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/line-break/line-break-strict-014.xht b/testing/web-platform/tests/css/css-text/line-break/line-break-strict-014.xht new file mode 100644 index 0000000000..90710cbdbe --- /dev/null +++ b/testing/web-platform/tests/css/css-text/line-break/line-break-strict-014.xht @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!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 Text Test: line-break - strict and iteration marks</title> + <!-- iteration marks --> + <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> + <link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" /> + <link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" /> + <link rel="match" href="reference/line-break-strict-014-ref.xht" /> + <meta http-equiv="content-language" content="en, ja" /> + <meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." /> + <style type="text/css"> + @font-face + { + font-family: "mplus-1p-regular"; + src: url("/fonts/mplus-1p-regular.woff") format("woff"); + /* filesize: 803300 bytes (784.5 KBytes) */ + /* + mplus-1p-regular.ttf can be downloaded at/from [TBD later] + */ + } + .test span { + line-break: strict; /* The property to be tested */ + } + p.test, p.control { + border: 1px solid gray; + color: blue; + font-family: "mplus-1p-regular"; + width: 10.2em; /* added extra .2em for some symbols wider than 1em */ + } + span.target { + background-color: aqua; + } + div.wrapper { + display: inline-block; + border: 1px solid; + margin: 10px; + padding: 10px; + } + </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> + <!-- iteration marks --> + <div class="wrapper"> + <p class="test" lang="ja"> + <span>サンプル文サンプル文<span class="target">々</span>サンプル文</span> + </p> + <p class="control" lang="ja"> + <span>サンプル文サンプル<br />文<span class="target">々</span>サンプル文</span> + </p> + </div> + <div class="wrapper"> + <p class="test" lang="ja"> + <span>サンプル文サンプル文<span class="target">〻</span>サンプル文</span> + </p> + <p class="control" lang="ja"> + <span>サンプル文サンプル<br />文<span class="target">〻</span>サンプル文</span> + </p> + </div> + <div class="wrapper"> + <p class="test" lang="ja"> + <span>サンプル文サンプル文<span class="target">ゝ</span>サンプル文</span> + </p> + <p class="control" lang="ja"> + <span>サンプル文サンプル<br />文<span class="target">ゝ</span>サンプル文</span> + </p> + </div> + <div class="wrapper"> + <p class="test" lang="ja"> + <span>サンプル文サンプル文<span class="target">ゞ</span>サンプル文</span> + </p> + <p class="control" lang="ja"> + <span>サンプル文サンプル<br />文<span class="target">ゞ</span>サンプル文</span> + </p> + </div> + <div class="wrapper"> + <p class="test" lang="ja"> + <span>サンプル文サンプル文<span class="target">ヽ</span>サンプル文</span> + </p> + <p class="control" lang="ja"> + <span>サンプル文サンプル<br />文<span class="target">ヽ</span>サンプル文</span> + </p> + </div> + <div class="wrapper"> + <p class="test" lang="ja"> + <span>サンプル文サンプル文<span class="target">ヾ</span>サンプル文</span> + </p> + <p class="control" lang="ja"> + <span>サンプル文サンプル<br />文<span class="target">ヾ</span>サンプル文</span> + </p> + </div> + </body> +</html> |