Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-writing-modes/text-combine-upright-line-breaking-rules-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Writing Modes: line-breaking-rules</title>
<link rel="author" title="Shinsuke Matsuki" href="mailto:shinsuke.matsuki@access-company.com">
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout" title="9.1.2. Layout Rules">
<link rel="match" href="text-combine-upright-line-breaking-rules-001-ref.html">
<meta name="assert" content="The bracket should be combined with following characters.">
<style>
@font-face {
font-family: "orientation";
src: url("/fonts/adobe-fonts/CSSHWOrientationTest.otf");
}
.vrl {
border:solid;
font-family:orientation;
font-size:60px;
height:2em;
margin:.2em;
writing-mode:vertical-rl;
}
.tcy {
text-combine-upright:all;
}
.ref {
white-space: nowrap;
}
</style>
</head>
<body>
<p>Test passes two blocks look identical.
If the right most columns do not match, the test is invalid.</p>
<div class=vrl>あああああああああああああああ「<span class=tcy>12</span></div>
<div class="vrl ref">ああああああああ<br>あああああああ<br>「<span class=tcy>12</span></div>
</body>
</html>