gecko-dev/testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-rl-003.htm
Luke Zielinski 0ce9f7c61a Bug 1556841 [wpt PR 17173] - Load Ahem as a webfont everywhere (part 2), a=testonly
Automatic update from web-platform-tests
 Load Ahem as a webfont everywhere (part 2) (#17173)

This change updates a large number of reftests to link to the
`/fonts/ahem.css` stylesheet. Each file contains a single additional
line before the first `<style>` element:
```
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
```
--

wp5At-commits: 9c780585758acf5e9ac6d17ad9bd03c83404c7e6
wpt-pr: 17173
2019-06-19 11:06:58 -07:00

83 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>CSS Writing Modes Test: writing-mode: horizontal-tb nested in vertical-rl</title>
<link rel="author" title="KISAKA Toshihiro" href="mailto:toshihiro@kisaka.jp">
<!-- You must have at least one spec link, but may have as many as are covered in the test. -->
<!-- Be sure to make the main testing area first in the order -->
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow">
<!-- The match link is only required if this is a reftest -->
<link rel="match" href="writing-mode-vertical-rl-003-ref.htm">
<meta name="flags" content="ahem">
<meta name="assert" content="when child block has its own writing-mode, child block's writing-mode overwrites parent block's writing-mode.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
div {
writing-mode: vertical-rl;
}
div p {
background: yellow;
color: blue;
font: 20px/1 Ahem;
height: 6em;
margin: 10px;
white-space: pre;
width: 6em;
}
div p:nth-child(2) {
background: pink;
}
p#test {
writing-mode: horizontal-tb;
}
</style>
</head>
<body>
<p>Upper three blocks are identical to the lower three blocks including each character positions.</p>
<div>
<p>ab cd
e fg h
i jkl
mn
o q rs
t uv</p>
<p id="test">ab cd
e fg h
i jkl
mn
o q rs
t uv</p>
<p>ab cd
e fg h
i jkl
mn
o q rs
t uv</p>
</div>
<div>
<p>ab cd
e fg h
i jkl
mn
o q rs
t uv</p>
<p> h s
d l r
cgk v
fj qu
b n
aeimot</p>
<p>ab cd
e fg h
i jkl
mn
o q rs
t uv</p>
</div>
</body>
</html>