Blitz - WPT: writing-system-line-break-001.html

wpt / css / css-text / writing-system / writing-system-line-break-001.html

/css/css-text/writing-system/writing-system-line-break-001.html

<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: writing system and line breaking</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#languages">
<link rel=help href="https://drafts.csswg.org/css-text-3/#script-tagging">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/writing-system-line-break-001-ref.html">
<meta name=assert content="breaks before U+301C when line-break is loose are allowed if the content language is Japanese,
but not when the writing system is not Japanese/Chinese (e.g. Korean).">
<style>
div {
  font-family: monospace;
  width: 2em;
  line-break: loose;
}
[lang=ja] { border: solid blue; }
[lang=ja-Hang] { border: solid orange; }
</style>

<p>The test passes if the second line in the blue box below <em>starts with</em> a “〜”,
and if the second line in the orange box below <em>ends with</em> a “〜”.

<div lang=ja>東京〜大阪</div>
<div lang=ja-Hang>도쿄〜오사카</div>

/css/css-text/writing-system/reference/writing-system-line-break-001-ref.html

<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
  font-family: monospace;
  width: 2em;
}
[lang=ja] { border: solid blue; }
[lang=ja-Hang] { border: solid orange; }
</style>

<p>The test passes if the second line in the blue box below <em>starts with</em> a “〜”,
and if the second line in the orange box below <em>ends with</em> a “〜”.

<div lang=ja>東京<br>〜大<br>阪</div>
<div lang=ja-Hang>도<br>쿄〜<br>오사<br>카</div>