mirror of
https://github.com/servo/servo.git
synced 2025-08-05 21:50:18 +01:00
Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger
parent
fb4f421c8b
commit
296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
|
|
@ -2,42 +2,24 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-12-30 -->
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-12-30 and 2016-11-14 -->
|
||||
|
||||
<meta name="flags" content="ahem">
|
||||
|
||||
<meta name="flags" content="ahem image">
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: yellow;
|
||||
direction: ltr;
|
||||
background-color: blue;
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
width: 21em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
padding: 1em;
|
||||
width: 19em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
</div>
|
||||
<div>P1ro A1ro S1ro S1ro P P A A S S P P A A S S P4ro A4ro S4ro S4ro P A A S S P A A S S P A A S7ro S7ro</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,13 +2,14 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-11-26 -->
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-11-26 and 2016-11-14 -->
|
||||
|
||||
<!-- This reference file is the right-aligned version of
|
||||
block-flow-direction-001-ref.xht
|
||||
-->
|
||||
|
||||
<meta name="flags" content="ahem image">
|
||||
<meta name="flags" content="ahem">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
|
|
@ -17,36 +18,19 @@
|
|||
|
||||
div
|
||||
{
|
||||
background-color: yellow;
|
||||
direction: ltr;
|
||||
background-color: blue;
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
width: 21em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
padding: 1em;
|
||||
width: 19em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
</div>
|
||||
<div>P1ro A1ro S1ro S1ro P P A A S S P P A A S S P4ro A4ro S4ro S4ro P A A S S P A A S S P A A S7ro S7ro</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,48 +2,32 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-11-22 -->
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-11-22 and 2016-11-14 -->
|
||||
|
||||
<!-- This reference file is the bottom-left-corner version of
|
||||
block-flow-direction-001-ref.xht
|
||||
-->
|
||||
|
||||
<meta name="flags" content="ahem image">
|
||||
<meta name="flags" content="ahem">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: yellow;
|
||||
background-color: blue;
|
||||
bottom: 8px;
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
left: 8px;
|
||||
padding: 1em;
|
||||
position: absolute;
|
||||
width: 21em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
width: 19em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
</div>
|
||||
<div>P1ro A1ro S1ro S1ro P P A A S S P P A A S S P4ro A4ro S4ro S4ro P A A S S P A A S S P A A S7ro S7ro</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Values and Units Test Reference File</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<style>
|
||||
svg {
|
||||
width: 10ch;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<svg viewBox="0 0 100 100"><rect y="0" width="100" fill="green" x="0" height="100"></rect></svg>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<style>
|
||||
.direction-rtl {
|
||||
direction: rtl;
|
||||
|
|
@ -72,4 +72,5 @@
|
|||
</ol>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<meta content="asis" name="flags">
|
||||
<style>
|
||||
div
|
||||
{
|
||||
font-size: 64px;
|
||||
}
|
||||
|
||||
div > p
|
||||
{
|
||||
border: black solid 1px;
|
||||
}
|
||||
|
||||
span.full-width
|
||||
{
|
||||
text-transform: full-width;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
|
||||
|
||||
<div>
|
||||
|
||||
<p><span class="full-width">4</span>月</p>
|
||||
|
||||
<!-- 4 is the ISO-Latin1 digit 4 -->
|
||||
|
||||
<p>４月</p>
|
||||
|
||||
<!-- ４ is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
|
||||
|
||||
<p>４月</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<meta content="asis" name="flags">
|
||||
<style>
|
||||
div
|
||||
{
|
||||
font-size: 64px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
div > p
|
||||
{
|
||||
border: black solid 1px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
|
||||
|
||||
<div>
|
||||
|
||||
<p>4月</p>
|
||||
|
||||
<!-- 4 is the ISO-Latin1 digit 4 -->
|
||||
|
||||
<p>４月</p>
|
||||
|
||||
<!-- ４ is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
|
||||
|
||||
<p>４月</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<meta content="asis" name="flags">
|
||||
<style>
|
||||
div
|
||||
{
|
||||
font-size: 64px;
|
||||
}
|
||||
|
||||
div > p
|
||||
{
|
||||
border: black solid 1px;
|
||||
}
|
||||
|
||||
span.full-width
|
||||
{
|
||||
text-transform: full-width;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
|
||||
|
||||
<div>
|
||||
|
||||
<p><span class="full-width">28</span>日</p>
|
||||
|
||||
<p>２８日</p>
|
||||
|
||||
<!-- ２ is the FULLWIDTH DIGIT 2 (≈ <wide> 0032 2)-->
|
||||
|
||||
<!-- ８ is the FULLWIDTH DIGIT 8 (≈ <wide> 0038 8)-->
|
||||
|
||||
<p>28日</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||
<meta content="asis" name="flags">
|
||||
<style>
|
||||
div
|
||||
{
|
||||
font-size: 64px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
div > p
|
||||
{
|
||||
border: black solid 1px;
|
||||
}
|
||||
|
||||
span.full-width
|
||||
{
|
||||
text-transform: full-width;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
|
||||
|
||||
<div>
|
||||
|
||||
<p><span class="full-width">28</span>日</p>
|
||||
|
||||
<p>２８日</p>
|
||||
|
||||
<!-- ２ is the FULLWIDTH DIGIT 2 (≈ <wide> 0032 2)-->
|
||||
|
||||
<!-- ８ is the FULLWIDTH DIGIT 8 (≈ <wide> 0038 8)-->
|
||||
|
||||
<p>28日</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the following paragraphs are identical:</p>
|
||||
|
||||
<div>
|
||||
<p>６月19日</p>
|
||||
<p>６月19日</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
<style>
|
||||
.test {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the following paragraphs are identical:</p>
|
||||
|
||||
<div class="test">
|
||||
<p>６月19日</p>
|
||||
<p>６月19日</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
<style>
|
||||
.test {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
.tcu-all {
|
||||
text-combine-upright: all;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the following paragraphs are identical:</p>
|
||||
|
||||
<div class="test">
|
||||
<p>６月<span class="tcu-all">19</span>日</p>
|
||||
<p>６月<span class="tcu-all">19</span>日</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Values and Units Test Reference File</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<style>
|
||||
svg { width: 10ic; }
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<svg viewBox="0 0 100 100"><rect y="0" width="100" fill="green" x="0" height="100"></rect></svg>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Values and Units Test Reference File</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<style>
|
||||
svg {
|
||||
width: 10ic;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<svg viewBox="0 0 100 100"><rect y="0" width="100" fill="green" x="0" height="100"></rect></svg>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 3 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the three "123456" numbers must be enclosed by the three blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
float: left;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 3 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the three "123456" numbers must be enclosed by the three blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: border-block and border-inline logical properties in different writing modes</title>
|
||||
<link href="mailto:manishearth@gmail.com" rel="author" title="Manish Goregaokar">
|
||||
<style>
|
||||
#body tr td:nth-child(2) div {
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
#body tr td:nth-child(3) div {
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
#body tr td:nth-child(4) div {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
#body tr td:nth-child(5) div {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
#body tr td:nth-child(6) div {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
#body tr td:nth-child(7) div {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
#body tr td:nth-child(8) div {
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
#body tr td:nth-child(9) div {
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
|
||||
|
||||
#body tr td:nth-child(2n+2) div {
|
||||
direction: ltr;
|
||||
}
|
||||
#body tr td:nth-child(2n+3) div {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
|
||||
td {
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
|
||||
.top {
|
||||
border-bottom: 2px dotted blue;
|
||||
border-top: 2px dotted orange;
|
||||
}
|
||||
.right {
|
||||
border-left: 2px dotted blue;
|
||||
border-right: 2px dotted orange;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
border-top: 2px dotted blue;
|
||||
border-bottom: 2px dotted orange;
|
||||
}
|
||||
.left {
|
||||
border-right: 2px dotted blue;
|
||||
border-left: 2px dotted orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Test passes if orange dots are opposite to the blue dots in each cell. Orange dots should be on the (physical) side specified by the text in the cell.
|
||||
</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>writing mode</th><th colspan="2">horizontal-tb</th><th colspan="2">vertical-rl</th><th colspan="2">vertical-lr</th><th colspan="2">sideways-lr</th></tr>
|
||||
<tr><th>direction</th><th>ltr</th><th>rtl</th><th>ltr</th><th>rtl</th><th>ltr</th><th>rtl</th><th>ltr</th><th>rtl</th></tr>
|
||||
</thead>
|
||||
<tbody id="body">
|
||||
<tr id="block-start"><th>block-start</th> <td><div class="outer"><div class="top">top</div></div></td><td><div class="outer"><div class="top">top</div></div></td><td><div class="outer"><div class="right">right</div></div></td><td><div class="outer"><div class="right">right</div></div></td><td><div class="outer"><div class="left">left</div></div></td><td><div class="outer"><div class="left">left</div></div></td><td><div class="outer"><div class="left">left</div></div></td><td><div class="outer"><div class="left">left</div></div></td></tr>
|
||||
<tr id="block-end"><th>block-end</th> <td><div class="outer"><div class="bottom">bottom</div></div></td><td><div class="outer"><div class="bottom">bottom</div></div></td><td><div class="outer"><div class="left">left</div></div></td><td><div class="outer"><div class="left">left</div></div></td><td><div class="outer"><div class="right">right</div></div></td><td><div class="outer"><div class="right">right</div></div></td><td><div class="outer"><div class="right">right</div></div></td><td><div class="outer"><div class="right">right</div></div></td></tr>
|
||||
<tr id="inline-start"><th>inline-start</th> <td><div class="outer"><div class="left">left</div></div></td><td><div class="outer"><div class="right">right</div></div></td><td><div class="outer"><div class="top">top</div></div></td><td><div class="outer"><div class="bottom">bottom</div></div></td><td><div class="outer"><div class="top">top</div></div></td><td><div class="outer"><div class="bottom">bottom</div></div></td><td><div class="outer"><div class="bottom">bottom</div></div></td><td><div class="outer"><div class="top">top</div></div></td></tr>
|
||||
<tr id="inline-end"><th>inline-end</th> <td><div class="outer"><div class="right">right</div></div></td><td><div class="outer"><div class="left">left</div></div></td><td><div class="outer"><div class="bottom">bottom</div></div></td><td><div class="outer"><div class="top">top</div></div></td><td><div class="outer"><div class="bottom">bottom</div></div></td><td><div class="outer"><div class="top">top</div></div></td><td><div class="outer"><div class="top">top</div></div></td><td><div class="outer"><div class="bottom">bottom</div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
minimum used height of the document root element is 176px;
|
||||
less than 176px will make the reference file no longer reliable.
|
||||
|
||||
36px : img#pass-fail-conditions-sentence's intrinsic height
|
||||
+
|
||||
4px : descender space below baseline
|
||||
=========
|
||||
40px : 1st table (height: 25%)
|
||||
multiplied by
|
||||
4
|
||||
=========
|
||||
160px : height of the 3 tables
|
||||
+
|
||||
8px : body's margin-top
|
||||
+
|
||||
8px : body's margin-bottom
|
||||
=========
|
||||
176px
|
||||
*/
|
||||
|
||||
body
|
||||
{
|
||||
height: calc(100% - 16px);
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
margin: 0px;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table#first-table-top
|
||||
{
|
||||
height: 25%;
|
||||
}
|
||||
|
||||
table#second-table-middle
|
||||
{
|
||||
height: 25%;
|
||||
}
|
||||
|
||||
table#third-table-bottom
|
||||
{
|
||||
height: 50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table id="first-table-top">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td style="background-color: olive;"> </td>
|
||||
<td style="background-color: blue;"> </td>
|
||||
<td style="padding-left: 16px; padding-right: 8px;"><img id="pass-fail-conditions-sentence" src="support/ortho-htb-alongside-vrl-floats-002-exp-res.png" alt="Image download support must be enabled">
|
||||
<!--
|
||||
The image says:
|
||||
Test passes if the orange rectangle
|
||||
is below the blue rectangle.
|
||||
--></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="second-table-middle">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td style="background-color: olive;"> </td><td style="background-color: orange;"> </td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="third-table-bottom">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td></td><td style="background-color: orange;"> </td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
minimum used height of the document root element is 176px;
|
||||
less than 176px will make the reference file no longer reliable.
|
||||
|
||||
36px : img#pass-fail-conditions-sentence's intrinsic height
|
||||
+
|
||||
4px : descender space below baseline
|
||||
=========
|
||||
40px : 1st table (height: 25%)
|
||||
multiplied by
|
||||
4
|
||||
=========
|
||||
160px : height of the 3 tables
|
||||
+
|
||||
8px : body's margin-top
|
||||
+
|
||||
8px : body's margin-bottom
|
||||
=========
|
||||
176px
|
||||
*/
|
||||
|
||||
body
|
||||
{
|
||||
height: calc(100% - 16px);
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
height: 25%;
|
||||
margin: 0px;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table id="first-table-top">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td style="background-color: fuchsia;"> </td>
|
||||
<td style="background-color: olive;"> </td>
|
||||
<td style="background-color: blue;"> </td>
|
||||
<td style="background-color: fuchsia;"> </td>
|
||||
<td style="padding-left: 16px; padding-right: 8px;"><img id="pass-fail-conditions-sentence" src="support/ortho-htb-alongside-vrl-floats-002-exp-res.png" alt="Image download support must be enabled">
|
||||
<!--
|
||||
The image says:
|
||||
Test passes if the orange rectangle
|
||||
is below the blue rectangle.
|
||||
--></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="second-table-middle">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td style="background-color: fuchsia;"></td><td style="background-color: olive;"> </td><td style="background-color: orange;"> </td><td style="background-color: fuchsia;"> </td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="third-table-middle">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td style="background-color: fuchsia;"></td><td></td><td style="background-color: orange;"> </td><td style="background-color: fuchsia;"> </td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="fourth-table-bottom">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,127 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
minimum used height of the document root element is 176px;
|
||||
less than 176px will make the reference file no longer reliable.
|
||||
|
||||
36px : img#pass-fail-conditions-sentence's intrinsic height
|
||||
+
|
||||
4px : descender space below baseline
|
||||
=========
|
||||
40px : 1st table (height: 25%)
|
||||
multiplied by
|
||||
4
|
||||
=========
|
||||
160px : height of the 3 tables
|
||||
+
|
||||
8px : body's margin-top
|
||||
+
|
||||
8px : body's margin-bottom
|
||||
=========
|
||||
176px
|
||||
*/
|
||||
|
||||
body
|
||||
{
|
||||
height: calc(100% - 16px);
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
height: 25%;
|
||||
margin: 0px;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table id="first-table-top">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td style="background-color: fuchsia;"> </td>
|
||||
<td style="background-color: olive;"> </td>
|
||||
<td style="background-color: blue;"> </td>
|
||||
<td style="padding-left: 16px; padding-right: 8px;"><img id="pass-fail-conditions-sentence" src="support/ortho-htb-alongside-vrl-floats-002-exp-res.png" alt="Image download support must be enabled">
|
||||
<!--
|
||||
The image says:
|
||||
Test passes if the orange rectangle
|
||||
is below the blue rectangle.
|
||||
--></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="second-table-middle">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td style="background-color: fuchsia;"></td>
|
||||
<td style="background-color: olive;"> </td>
|
||||
<td style="background-color: orange;"> </td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="third-table-middle">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td style="background-color: fuchsia;"></td>
|
||||
<td></td>
|
||||
<td style="background-color: orange;"> </td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="fourth-table-bottom">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
minimum used height of the document root element is 176px;
|
||||
less than 176px will make the reference file no longer reliable.
|
||||
|
||||
36px : img#pass-fail-conditions-sentence's intrinsic height
|
||||
+
|
||||
4px : descender space below baseline
|
||||
=========
|
||||
40px : 1st table (height: 25%)
|
||||
multiplied by
|
||||
4
|
||||
=========
|
||||
160px : height of the 3 tables
|
||||
+
|
||||
8px : body's margin-top
|
||||
+
|
||||
8px : body's margin-bottom
|
||||
=========
|
||||
176px
|
||||
*/
|
||||
|
||||
body
|
||||
{
|
||||
height: calc(100% - 16px);
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
margin: 0px;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table#first-table-top
|
||||
{
|
||||
height: 25%;
|
||||
}
|
||||
|
||||
table#second-table-middle
|
||||
{
|
||||
height: 25%;
|
||||
}
|
||||
|
||||
table#third-table-bottom
|
||||
{
|
||||
height: 50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table id="first-table-top">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td style="background-color: blue;"> </td>
|
||||
<td style="background-color: olive;"> </td>
|
||||
<td style="padding-left: 16px; padding-right: 8px;"><img id="pass-fail-conditions-sentence" src="support/ortho-htb-alongside-vrl-floats-002-exp-res.png" alt="Image download support must be enabled">
|
||||
<!--
|
||||
The image says:
|
||||
Test passes if the orange rectangle
|
||||
is below the blue rectangle.
|
||||
--></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="second-table-middle">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td style="background-color: orange;"> </td><td style="background-color: olive;"> </td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="third-table-bottom">
|
||||
|
||||
<col><col width="100"><col width="100"><col width="324">
|
||||
|
||||
<tr>
|
||||
<td></td><td style="background-color: orange;"> </td><td></td><td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
width: calc(136px + 100vw + 136px);
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
padding: 0px 84px;
|
||||
width: calc(136px + 100% + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: 0px;
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: calc(136px + 3px + 15ch + 3px + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
width: 15ch;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">123456789012345</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
width: calc(100px + 100vw + 100px);
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
box-sizing: border-box;
|
||||
margin: 0px 100px;
|
||||
width: 100vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: left;
|
||||
margin-left: 92px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: 0px;
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: 672px;
|
||||
/*
|
||||
136px :
|
||||
+
|
||||
400px :
|
||||
+
|
||||
136px :
|
||||
===========
|
||||
672px
|
||||
*/
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: 0px;
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: calc(136px + 3px + 50ch + 3px + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01020304050607080910111213141516171819202122232425</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: left;
|
||||
margin-left: 92px;
|
||||
width: 394px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: left;
|
||||
margin-left: 92px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01020304050607080910111213141516171819202122232425</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
width: calc(52px + 100vw + 52px);
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
width: calc(52px + 100% + 52px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
width: calc(52px + 3px + 15ch + 3px + 52px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
width: 15ch;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">123456789012345</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 35px;
|
||||
box-sizing: border-box;
|
||||
width: 100vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
width: 504px;
|
||||
/*
|
||||
52px :
|
||||
+
|
||||
400px :
|
||||
+
|
||||
52px :
|
||||
============
|
||||
504px
|
||||
*/
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
width: calc(52px + 3px + 50ch + 3px + 52px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01020304050607080910111213141516171819202122232425</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: left;
|
||||
width: 394px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01020304050607080910111213141516171819202122232425</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
width: calc(136px + 100vw + 136px);
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: calc(136px + 100% + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 136px - 3px - 15ch - 3px - 136px);
|
||||
/* or more elegantly right: 0px; Chrome 57+ has a bug here */
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: calc(136px + 3px + 15ch + 3px + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
width: 15ch;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">123456789012345</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: right;
|
||||
margin-right: 92px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 136px - 400px - 136px);
|
||||
/* or more elegantly right: 0px; Chrome 57+ has a bug here */
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: 672px;
|
||||
/*
|
||||
136px :
|
||||
+
|
||||
400px :
|
||||
+
|
||||
136px :
|
||||
===========
|
||||
672px
|
||||
*/
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 136px - 3px - 50ch - 3px - 136px);
|
||||
/* or more elegantly right: 0px; Chrome 57+ has a bug here */
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: calc(136px + 3px + 50ch + 3px + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01020304050607080910111213141516171819202122232425</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: right;
|
||||
margin-right: 92px;
|
||||
width: 394px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: right;
|
||||
margin-right: 92px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01020304050607080910111213141516171819202122232425</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
width: calc(52px + 100vw + 52px);
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
width: calc(52px + 100% + 52px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 52px - 3px - 15ch - 3px - 52px);
|
||||
/* or more elegantly right: 0px; Chrome 57+ has a bug here */
|
||||
position: absolute;
|
||||
width: calc(52px + 3px + 15ch + 3px + 52px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
width: 15ch;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">123456789012345</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 52px - 400px - 52px);
|
||||
/* or more elegantly right: 0px; Chrome 57+ has a bug here */
|
||||
position: absolute;
|
||||
width: 504px; /* 52px + 400px + 52px == 504px */
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 52px - 3px - 50ch - 3px - 52px);
|
||||
/* or more elegantly right: 0px; Chrome 57+ has a bug here */
|
||||
position: absolute;
|
||||
width: calc(52px + 3px + 50ch + 3px + 52px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01020304050607080910111213141516171819202122232425</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: right;
|
||||
width: 394px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-30T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01020304050607080910111213141516171819202122232425</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-08T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
padding: 0px 84px;
|
||||
width: calc(136px + 35px + 50vw + 35px + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 35px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
margin-left: 92px;
|
||||
width: 50vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
padding: 0px 84px;
|
||||
width: calc(136px + 3px + 200px + 3px + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
margin: 0px 92px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-08T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
width: calc(52px + 35px + 50vw + 35px + 52px);
|
||||
/*
|
||||
52px : offsetWidth of sentence-before
|
||||
35px : left border
|
||||
50vw : content width of tested orthogonal block
|
||||
35px : right border
|
||||
52px : offsetWidth of sentence-after
|
||||
*/
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 35px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-20T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
width: 50vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-28T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
width: 310px;
|
||||
/*
|
||||
52px :
|
||||
+
|
||||
3px :
|
||||
+
|
||||
200px :
|
||||
+
|
||||
3px :
|
||||
+
|
||||
52px :
|
||||
============
|
||||
310px
|
||||
*/
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-28T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
padding: 0px 84px;
|
||||
left: calc(50% - 136px - 35px - 35px - 136px);
|
||||
width: calc(136px + 35px + 50vw + 35px + 136px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 35px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
position: absolute;
|
||||
right: 100px;
|
||||
width: 50vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 478px);
|
||||
padding: 0px 84px;
|
||||
position: absolute;
|
||||
width: 478px;
|
||||
/*
|
||||
136px :
|
||||
+
|
||||
3px :
|
||||
+
|
||||
200px :
|
||||
+
|
||||
3px :
|
||||
+
|
||||
136px :
|
||||
==========
|
||||
478px
|
||||
*/
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
position: absolute;
|
||||
right: 100px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: calc(52px + 35px + 50vw + 35px + 52px);
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 35px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-28T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin: 8px 0px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border-spacing: 0px;
|
||||
left: calc(100% - 310px);
|
||||
position: absolute;
|
||||
width: 310px;
|
||||
/*
|
||||
52px :
|
||||
+
|
||||
3px :
|
||||
+
|
||||
200px :
|
||||
+
|
||||
3px :
|
||||
+
|
||||
52px :
|
||||
===========
|
||||
310px
|
||||
*/
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#after, td#before
|
||||
{
|
||||
width: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after, p#sentence-before
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td#data
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
|
||||
<td id="after"><p id="sentence-after">Sentence after.</p></td>
|
||||
|
||||
<td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
|
||||
|
||||
<td id="before"><p id="sentence-before">Sentence before.</p></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-28T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 35px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
top: calc(100px - 16px + 52px + 35px + 50vh + 35px);
|
||||
/*
|
||||
50vh means 50 vh unit where each vh is equal to
|
||||
1% of the height of the initial containing block.
|
||||
So 50vh == half of the height of initial containing block
|
||||
5.1.2. Viewport-percentage lengths: the vw, vh, vmin, vmax units
|
||||
https://www.w3.org/TR/css3-values/#vh
|
||||
*/
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: 222px; /* 600px - 342px - 36px == 222px */
|
||||
top: 342px; /* 100px - 16px + 52px + 3px + 200px + 3px == 342px */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 400px;
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 35px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
top: calc(52px + 35px + 50vh + 35px);
|
||||
/*
|
||||
50vh means 50 vh unit where each vh is equal to
|
||||
1% of the height of the initial containing block.
|
||||
So 50vh == half of the height of initial containing block
|
||||
5.1.2. Viewport-percentage lengths: the vw, vh, vmin, vmax units
|
||||
https://www.w3.org/TR/css3-values/#vh
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: 122px;
|
||||
top: 258px; /* 52px + 3px + 200px + 3px == 258px */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 400px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 35px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
top: calc(100px - 16px + 52px + 35px + 50vh + 35px);
|
||||
/*
|
||||
50vh means 50 vh unit where each vh is equal to
|
||||
1% of the height of the initial containing block.
|
||||
So 50vh == half of the height of initial containing block
|
||||
5.1.2. Viewport-percentage lengths: the vw, vh, vmin, vmax units
|
||||
https://www.w3.org/TR/css3-values/#vh
|
||||
*/
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: 222px; /* 600px - 342px - 36px == 222px */
|
||||
top: 342px; /* 100px - 16px + 52px + 3px + 200px + 3px == 342px */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 400px;
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 35px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
top: calc(52px + 35px + 50vh + 35px);
|
||||
/*
|
||||
50vh means 50 vh unit where each vh is equal to
|
||||
1% of the height of the initial containing block.
|
||||
So 50vh == half of the height of initial containing block
|
||||
5.1.2. Viewport-percentage lengths: the vw, vh, vmin, vmax units
|
||||
https://www.w3.org/TR/css3-values/#vh
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 50%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: 122px;
|
||||
top: 258px; /* 52px + 3px + 200px + 3px == 258px */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-12-22T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 400px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 200px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
height: 100%;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: 100px;
|
||||
top: calc(100px - 16px + 52px + 100vh);
|
||||
/*
|
||||
100vh means 100 vh unit where each vh is equal to
|
||||
1% of the height of the initial containing block.
|
||||
So 100vh == height of initial containing block
|
||||
5.1.2. Viewport-percentage lengths: the vw, vh, vmin, vmax units
|
||||
https://www.w3.org/TR/css3-values/#vh
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-08T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
top: calc(136px + 3px + 15ch + 3px);
|
||||
/*
|
||||
15ch means 15 ch unit where each ch is equal to
|
||||
the used advance measure of the "0" (ZERO, U+0030) glyph found
|
||||
in the font used to render it.
|
||||
5.1.1. Font-relative lengths: the em, ex, ch, rem units
|
||||
https://www.w3.org/TR/css3-values/#ch
|
||||
*/
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
height: 100%;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
box-sizing: border-box;
|
||||
height: 400px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: 28px; /* 600px - 536px -52px + 16px == 28px */
|
||||
top: 536px; /* 100px - 16px + 52px + 400px == 536px */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2016-12-29T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
box-sizing: border-box;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
left: 8px;
|
||||
padding-bottom: 16px;
|
||||
position: absolute;
|
||||
top: calc(136px + 3px + 50ch + 3px);
|
||||
/*
|
||||
50ch means 50 ch unit where each ch is equal to
|
||||
the used advance measure of the "0" (ZERO, U+0030) glyph found
|
||||
in the font used to render it.
|
||||
5.1.1. Font-relative lengths: the em, ex, ch, rem units
|
||||
https://www.w3.org/TR/css3-values/#ch
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01020304050607080910111213141516171819202122232425</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-08T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 0px;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 136px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: calc(600px - 100px + 16px - 52px - 3px - 15ch - 3px - 52px + 16px);
|
||||
/*
|
||||
600px
|
||||
-
|
||||
100px
|
||||
+
|
||||
16px : margin collapsing of p#sentence-before's margin-top with body's margin-top
|
||||
-
|
||||
52px
|
||||
-
|
||||
3px
|
||||
-
|
||||
15ch
|
||||
-
|
||||
3px
|
||||
-
|
||||
52px
|
||||
+
|
||||
16px : margin collapsing of p#sentence-after's margin-bottom with body's margin-bottom
|
||||
============
|
||||
approx. 270px
|
||||
*/
|
||||
|
||||
top: calc(136px + 3px + 15ch + 3px);
|
||||
/*
|
||||
15ch means 15 ch unit where each ch is equal to
|
||||
the used advance measure of the "0" (ZERO, U+0030) glyph found
|
||||
in the font used to render it.
|
||||
5.1.1. Font-relative lengths: the em, ex, ch, rem units
|
||||
https://www.w3.org/TR/css3-values/#ch
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 400px;
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 394px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 100px 0px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
box-sizing: border-box;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01020304050607080910111213141516171819202122232425</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-08T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
padding: 92px 0px;
|
||||
height: 416px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
height: 100%;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
padding-bottom: 1em;
|
||||
top: calc(52px + 100vh);
|
||||
/*
|
||||
100vh means 100 vh unit where each vh is equal to
|
||||
1% of the height of the initial containing block.
|
||||
So 100vh == height of initial containing block
|
||||
5.1.2. Viewport-percentage lengths: the vw, vh, vmin, vmax units
|
||||
https://www.w3.org/TR/css3-values/#vh
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
top: calc(52px + 3px + 15ch + 3px);
|
||||
/*
|
||||
15ch means 15 ch unit where each ch is equal to
|
||||
the used advance measure of the "0" (ZERO, U+0030) glyph found
|
||||
in the font used to render it.
|
||||
5.1.1. Font-relative lengths: the em, ex, ch, rem units
|
||||
https://www.w3.org/TR/css3-values/#ch
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 35px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>123456789012345</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 394px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
top: 452px; /* 52px + 400px == 452px */
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
p#sentence-before
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: auto;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
p#sentence-after
|
||||
{
|
||||
left: 8px;
|
||||
padding-bottom: 1em;
|
||||
position: absolute;
|
||||
top: calc(52px + 3px + 50ch + 3px);
|
||||
/*
|
||||
50ch means 50 ch unit where each ch is equal to
|
||||
the used advance measure of the "0" (ZERO, U+0030) glyph found
|
||||
in the font used to render it.
|
||||
5.1.1. Font-relative lengths: the em, ex, ch, rem units
|
||||
https://www.w3.org/TR/css3-values/#ch
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="sentence-before">Sentence before.</p>
|
||||
|
||||
<div>01020304050607080910111213141516171819202122232425</div>
|
||||
|
||||
<p id="sentence-after">Sentence after.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="DC.date.created" content="2016-10-04T09:54:03+11:00" scheme="W3CDTF">
|
||||
<meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
html
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
line-height: 1.25; /* therefore, each line box is 20px tall */
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 3px;
|
||||
height: 394px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue