mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update CSS tests to revision 135b269a1d9f5ce7862ab7426578bd56e2add740
This commit is contained in:
Ms2ger
parent
7f2d81933a
commit
bff545d198
1882 changed files with 16167 additions and 10909 deletions
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
color: green;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
color: green;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
color: green;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
color: green;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div
|
||||
{
|
||||
background-color: red;
|
||||
font: 6em/1 Ahem; /* computes to 96px/96px */
|
||||
font: 96px/1 Ahem; /* computes to 96px/96px */
|
||||
height: 99px; /* the height of the cat image */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div
|
||||
{
|
||||
background-color: red;
|
||||
font: 6em/1 Ahem; /* computes to 96px/96px */
|
||||
font: 96px/1 Ahem; /* computes to 96px/96px */
|
||||
height: 99px; /* the height of the cat image */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
width: 21em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
height: 9em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
height: 9em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
width: 21em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#floated-left
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div.floated-left
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#floated-right
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div.floated-right
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#abs-pos
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#abs-pos
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#inline-block
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#inline-block
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div.inline-block
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#inline-block
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#inline-block
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div.inline-block
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#table-cell
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#table-cell
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#table-caption
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
div#table-caption
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
height: 9em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
height: 9em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
height: 9em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 1.25em/1 Ahem;
|
||||
font: 20px/1 Ahem;
|
||||
height: 9em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
table
|
||||
{
|
||||
border-spacing: 0.5em 0em; /* computes to logical horizontal border-spacing: 10px */
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
padding: 1.25em 0em; /* computes to padding-top: 25px and padding-bottom: 25px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
table
|
||||
{
|
||||
border-spacing: 0em 0.5em; /* computes to logical vertical border-spacing: 10px */
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
padding: 0em 1.25em; /* computes to padding-left: 25px and padding-right: 25px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
table
|
||||
{
|
||||
border-spacing: 0.5em 0em; /* computes to logical horizontal border-spacing: 10px */
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
padding: 1.25em 0em; /* computes to padding-top: 25px and padding-bottom: 25px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
table
|
||||
{
|
||||
border-spacing: 0em 0.5em; /* computes to logical vertical border-spacing: 10px */
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
padding: 0em 1.25em; /* computes to padding-left: 25px and padding-right: 25px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,39 +6,40 @@
|
|||
<title>CSS Writing Modes Test: 'caption-side: top' and vertical-lr</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-lr table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the lefthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical top (logical left) side of the table box." name="assert" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-lr table, then the caption is placed at the block-start side of the table, which is on the lefthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
table#test
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: top;
|
||||
font: 1.5624em/1 Ahem; /* computes to 25px/25px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: blue;
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: orange;
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div.reference
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
background: url("support/pattern-rg-rg-100x100.png") no-repeat;
|
||||
bottom: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
@ -46,18 +47,16 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the top bi-colored rectangle has a layout identical to one of the bi-colored rectangles below it.</p>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="test">
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="reference" id="does-NOT-support-side-captions"><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
|
||||
<div class="reference" id="supports-side-captions"><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,58 +6,56 @@
|
|||
<title>CSS Writing Modes Test: 'caption-side: bottom' and vertical-lr</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-lr table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the lefthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical bottom (logical right) side of the table box." name="assert" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-lr table, then the caption is placed at the block-end side of the table, which is on the righthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
table#test
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background: url("support/pattern-gr-gr-100x100.png") no-repeat;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: bottom;
|
||||
font: 1.5624em/1 Ahem; /* computes to 25px/25px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: blue;
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: orange;
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div.reference
|
||||
{
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the top bi-colored rectangle has a layout identical to one of the bi-colored rectangles below it.</p>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="test">
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="reference" id="does-NOT-support-side-captions"><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
|
||||
<div class="reference" id="supports-side-captions"><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /><br /><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: 'caption-side: block-start' and vertical-lr</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'block-start' in a vertical-lr table, then the caption is placed at the block-start side of the table, which is on the lefthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: bottom; /* very important declaration to do here */
|
||||
caption-side: block-start;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background: url("support/pattern-rg-rg-100x100.png") no-repeat;
|
||||
bottom: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: 'caption-side: block-end' and vertical-lr</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'block-end' in a vertical-lr table, then the caption is placed at the block-end side of the table, which is on the righthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background: url("support/pattern-gr-gr-100x100.png") no-repeat;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: block-end;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,58 +6,56 @@
|
|||
<title>CSS Writing Modes Test: 'caption-side: top' and vertical-rl</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-rl table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the righthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical top (logical left) side of the table box." name="assert" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-rl table, then the caption is placed at the block-start side of the table, which is on the righthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
table#test
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background: url("support/pattern-gr-gr-100x100.png") no-repeat;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: top;
|
||||
font: 1.5624em/1 Ahem; /* computes to 25px/25px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: blue;
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: orange;
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div.reference
|
||||
{
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the top bi-colored rectangle has a layout identical to one of the bi-colored rectangles below it.</p>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="test">
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="reference" id="does-NOT-support-side-captions"><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
|
||||
<div class="reference" id="supports-side-captions"><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,58 +6,56 @@
|
|||
<title>CSS Writing Modes Test: 'caption-side: bottom' and vertical-rl</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-rl table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the righthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical bottom (logical right) side of the table box." name="assert" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-rl table, then the caption is placed at the block-end side of the table, which is on the lefthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
table#test
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background: url("support/pattern-rg-rg-100x100.png") no-repeat;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: bottom;
|
||||
font: 1.5624em/1 Ahem; /* computes to 25px/25px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: blue;
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: orange;
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div.reference
|
||||
{
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the top bi-colored rectangle has a layout identical to one of the bi-colored rectangles below it.</p>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="test">
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="reference" id="does-NOT-support-side-captions"><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
|
||||
<div class="reference" id="supports-side-captions"><img src="support/swatch-orange.png" width="25" height="50" alt="Image download support must be enabled" /><br /><img src="support/swatch-blue.png" width="25" height="50" alt="Image download support must be enabled" /></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: 'caption-side: block-start' and vertical-rl</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'block-start' in a vertical-rl table, then the caption is placed at the block-start side of the table, which is on the righthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background: url("support/pattern-gr-gr-100x100.png") no-repeat;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: bottom; /* very important declaration to do here */
|
||||
caption-side: block-start;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: 'caption-side: block-end' and vertical-rl</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#caption-side" title="7.7 Table Caption Mappings: the caption-side keywords" />
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="ahem image" name="flags" />
|
||||
<meta content="This test checks that when 'caption-side' is set to 'block-end' in a vertical-rl table, then the caption is placed at the block-end side of the table, which is on the lefthand side of such table." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background: url("support/pattern-rg-rg-100x100.png") no-repeat;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
table#test-overlapping-green
|
||||
{
|
||||
border-spacing: 0px;
|
||||
caption-side: block-end;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: green;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
<table id="test-overlapping-green">
|
||||
<caption>CA</caption>
|
||||
<tr>
|
||||
<td>T</td><td>D</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
div#textorient-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
|
||||
font: 60px/1.5 Ahem; /* computes to 60px/90px */
|
||||
height: 4em;
|
||||
text-orientation: upright;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div#textorient-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
|
||||
font: 60px/1.5 Ahem; /* computes to 60px/90px */
|
||||
height: 4em;
|
||||
text-orientation: upright;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Inline Direction and Bidirectionality (163 tests)</h2>
|
||||
<h2>Inline Direction and Bidirectionality (164 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -1359,7 +1359,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi">2.2 Embeddings and Overrides: the unicode-bidi property</a></th></tr>
|
||||
<!-- 19 tests -->
|
||||
<!-- 20 tests -->
|
||||
<tr id="bidi-alt-001-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="bidi-alt-001.xht">bidi-alt-001</a></strong></td>
|
||||
|
|
@ -1569,6 +1569,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-002-2.2" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="unicode-bidi-parsing-002.xht">unicode-bidi-parsing-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing unicode-bidi: isolate, isolate-override, plaintext
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: isolate, isolate-override, plaintext.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s2.2.#bidi-isolate">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Introduction to Vertical Text (82 tests)</h2>
|
||||
<h2>Introduction to Vertical Text (84 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -945,7 +945,29 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode">3.1.1 SVG1.1 writing-mode Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 2 tests -->
|
||||
<tr id="writing-mode-parsing-svg1-001-3.1.1" class="primary dom may svg script">
|
||||
<td><strong>
|
||||
<a href="writing-mode-parsing-svg1-001.xht">writing-mode-parsing-svg1-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing SVG 1.1 writing-mode values
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="writing-mode-parsing-svg1-002-3.1.1" class="primary dom may svg script">
|
||||
<td><strong>
|
||||
<a href="writing-mode-parsing-svg1-002.xht">writing-mode-parsing-svg1-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing SVG 1.1 writing-mode values
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.1.1.#inline-progression-direction">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Inline-level Alignment (38 tests)</h2>
|
||||
<h2>Inline-level Alignment (34 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr>
|
||||
<!-- 12 tests -->
|
||||
<!-- 10 tests -->
|
||||
<tr id="central-baseline-alignment-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="central-baseline-alignment-002.xht">central-baseline-alignment-002</a></strong></td>
|
||||
|
|
@ -160,28 +160,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-010-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-010.xht">text-baseline-010</a></strong></td>
|
||||
<td><a href="reference/text-baseline-007-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - alphabetical alignment with vertical layout
|
||||
<ul class="assert">
|
||||
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-011-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-011.xht">text-baseline-011</a></strong></td>
|
||||
<td><a href="reference/text-baseline-007-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - alphabetical alignment with vertical layout
|
||||
<ul class="assert">
|
||||
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.2.#alphabetic-baseline">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -193,7 +171,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr>
|
||||
<!-- 26 tests -->
|
||||
<!-- 24 tests -->
|
||||
<tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="baseline-inline-non-replaced-002.xht">baseline-inline-non-replaced-002</a></strong></td>
|
||||
|
|
@ -348,28 +326,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-010-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-010.xht">inline-block-alignment-010</a></strong></td>
|
||||
<td><a href="reference/inline-block-alignment-010-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
<ul class="assert">
|
||||
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-011-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-011.xht">inline-block-alignment-011</a></strong></td>
|
||||
<td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
<ul class="assert">
|
||||
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-orthogonal-vlr-003.xht">inline-block-alignment-orthogonal-vlr-003</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Introduction to Vertical Text Layout (28 tests)</h2>
|
||||
<h2>Introduction to Vertical Text Layout (25 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<!-- 25 tests -->
|
||||
<tr id="text-orientation-010-5.1" class="primary ahem font">
|
||||
<td><strong>
|
||||
<a href="text-orientation-010.xht">text-orientation-010</a></strong></td>
|
||||
|
|
@ -89,17 +89,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-013-5.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-orientation-013.xht">text-orientation-013</a></strong></td>
|
||||
<td><a href="reference/text-orientation-013-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text-orientation - sideways-left
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-orientation: sideways-left' causes text to be set as if in a horizontal layout, but rotated 90&deg; counter-clockwise, in vertical writing modes. It's effective to verify 1.block flow direction and 2.inline direction, but not effective to verify 3.glyph orientation.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-014-5.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-orientation-014.xht">text-orientation-014</a></strong></td>
|
||||
|
|
@ -111,17 +100,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-015-5.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-orientation-015.xht">text-orientation-015</a></strong></td>
|
||||
<td><a href="reference/text-orientation-015-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text-orientation - sideways
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-orientation: sideways' is equivalent to&#8216;sideways-left&#8217;in&#8216;vertical-lr&#8217;writing mode. This is effective to verify 1.block flow direction, 2.inline direction, but not effetive to verify 3.glyph orientation.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-mixed-001-5.1" class="primary font image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-mixed-001.xht">text-orientation-mixed-001</a></strong></td>
|
||||
|
|
@ -133,6 +111,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-parsing-001-5.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-parsing-001.xht">text-orientation-parsing-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-orientation
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the text-orientation property.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001-5.1" class="primary combo dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001.xht">text-orientation-script-001</a></strong></td>
|
||||
|
|
@ -320,28 +309,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-sideways-002-5.1" class="primary font image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-sideways-002.xht">text-orientation-sideways-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - sideways in vertical-lr writing mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that the same as [text-orientation: sideways-left], general horizontal text(include Japanese,etc) rotates 90 degrees counter-clockwise, and it is verified whether the characters are aligned in the vertical direction.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-sideways-left-001-5.1" class="primary font image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-sideways-left-001.xht">text-orientation-sideways-left-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - sideways-left in vertical-rl writing mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that a general horizontal text(include Japanese,etc) rotated 90 degrees counter-clockwise, and it is verified whether the characters are aligned in the vertical direction.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-sideways-right-001-5.1" class="primary font image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-sideways-right-001.xht">text-orientation-sideways-right-001</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Abstract Box Terminology (34 tests)</h2>
|
||||
<h2>Abstract Box Terminology (28 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -348,73 +348,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical">6.4 Abstract-to-Physical Mappings</a></th></tr>
|
||||
<!-- 18 tests -->
|
||||
<tr id="text-decoration-sidewaysleft-vlr-003-6.4" class="">
|
||||
<td>
|
||||
<a href="text-decoration-sidewaysleft-vlr-003.xht">text-decoration-sidewaysleft-vlr-003</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: underline' and 'text-orientation: sideways-left' in a 'vertical-lr' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: underline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-left' in a 'vertical-lr' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vlr-005-6.4" class="">
|
||||
<td>
|
||||
<a href="text-decoration-sidewaysleft-vlr-005.xht">text-decoration-sidewaysleft-vlr-005</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: overline' and 'text-orientation: sideways-left' in a 'vertical-lr' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: overline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vlr-007-6.4" class="">
|
||||
<td>
|
||||
<a href="text-decoration-sidewaysleft-vlr-007.xht">text-decoration-sidewaysleft-vlr-007</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: line-through' and 'text-orientation: sideways-left' in a 'vertical-lr' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-left' in a 'vertical-lr' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vrl-002-6.4" class="">
|
||||
<td>
|
||||
<a href="text-decoration-sidewaysleft-vrl-002.xht">text-decoration-sidewaysleft-vrl-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: underline' and 'text-orientation: sideways-left' in a 'vertical-rl' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: underline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-left' in a 'vertical-rl' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vrl-004-6.4" class="">
|
||||
<td>
|
||||
<a href="text-decoration-sidewaysleft-vrl-004.xht">text-decoration-sidewaysleft-vrl-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: overline' and 'text-orientation: sideways-left' in a 'vertical-rl' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: overline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vrl-006-6.4" class="">
|
||||
<td>
|
||||
<a href="text-decoration-sidewaysleft-vrl-006.xht">text-decoration-sidewaysleft-vrl-006</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: line-through' and 'text-orientation: sideways-left' in a 'vertical-rl' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-left' in a 'vertical-rl' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 12 tests -->
|
||||
<tr id="text-decoration-sidewaysright-vlr-003-6.4" class="">
|
||||
<td>
|
||||
<a href="text-decoration-sidewaysright-vlr-003.xht">text-decoration-sidewaysright-vlr-003</a></td>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Abstract Box Layout (495 tests)</h2>
|
||||
<h2>Abstract Box Layout (485 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -4235,7 +4235,51 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout">7.4 Flow-Relative Mappings</a></th></tr>
|
||||
<!-- 36 tests -->
|
||||
<!-- 40 tests -->
|
||||
<tr id="caption-side-vlr-003-7.4" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vlr-003.xht">caption-side-vlr-003</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: top' and vertical-lr
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'top' in a vertical-lr table, then the caption is placed at the block-start side of the table, which is on the lefthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vlr-005-7.4" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vlr-005.xht">caption-side-vlr-005</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: bottom' and vertical-lr
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'bottom' in a vertical-lr table, then the caption is placed at the block-end side of the table, which is on the righthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vrl-002-7.4" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vrl-002.xht">caption-side-vrl-002</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: top' and vertical-rl
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'top' in a vertical-rl table, then the caption is placed at the block-start side of the table, which is on the righthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vrl-004-7.4" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vrl-004.xht">caption-side-vrl-004</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: bottom' and vertical-rl
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'bottom' in a vertical-rl table, then the caption is placed at the block-end side of the table, which is on the lefthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="margin-collapse-vlr-003-7.4" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="margin-collapse-vlr-003.xht">margin-collapse-vlr-003</a></strong></td>
|
||||
|
|
@ -4637,73 +4681,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr>
|
||||
<!-- 32 tests -->
|
||||
<tr id="text-decoration-sidewaysleft-vlr-003-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sidewaysleft-vlr-003.xht">text-decoration-sidewaysleft-vlr-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: underline' and 'text-orientation: sideways-left' in a 'vertical-lr' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: underline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-left' in a 'vertical-lr' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vlr-005-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sidewaysleft-vlr-005.xht">text-decoration-sidewaysleft-vlr-005</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: overline' and 'text-orientation: sideways-left' in a 'vertical-lr' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: overline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vlr-007-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sidewaysleft-vlr-007.xht">text-decoration-sidewaysleft-vlr-007</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: line-through' and 'text-orientation: sideways-left' in a 'vertical-lr' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-left' in a 'vertical-lr' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vrl-002-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sidewaysleft-vrl-002.xht">text-decoration-sidewaysleft-vrl-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: underline' and 'text-orientation: sideways-left' in a 'vertical-rl' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: underline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-left' in a 'vertical-rl' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vrl-004-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sidewaysleft-vrl-004.xht">text-decoration-sidewaysleft-vrl-004</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: overline' and 'text-orientation: sideways-left' in a 'vertical-rl' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: overline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-decoration-sidewaysleft-vrl-006-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sidewaysleft-vrl-006.xht">text-decoration-sidewaysleft-vrl-006</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'text-decoration: line-through' and 'text-orientation: sideways-left' in a 'vertical-rl' writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-left' in a 'vertical-rl' writing-mode.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 26 tests -->
|
||||
<tr id="text-decoration-sidewaysright-vlr-003-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sidewaysright-vlr-003.xht">text-decoration-sidewaysright-vlr-003</a></strong></td>
|
||||
|
|
@ -5430,95 +5408,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#caption-side">7.7 Table Caption Mappings: the caption-side keywords</a></th></tr>
|
||||
<!-- 8 tests -->
|
||||
<tr id="caption-side-vlr-003-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vlr-003.xht">caption-side-vlr-003</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: top' and vertical-lr
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'top' in a vertical-lr table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the lefthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical top (logical left) side of the table box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vlr-005-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vlr-005.xht">caption-side-vlr-005</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: bottom' and vertical-lr
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'bottom' in a vertical-lr table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the lefthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical bottom (logical right) side of the table box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vlr-007-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vlr-007.xht">caption-side-vlr-007</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: block-start' and vertical-lr
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'block-start' in a vertical-lr table, then the caption is placed at the block-start side of the table, which is on the lefthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vlr-009-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vlr-009.xht">caption-side-vlr-009</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: block-end' and vertical-lr
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'block-end' in a vertical-lr table, then the caption is placed at the block-end side of the table, which is on the righthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vrl-002-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vrl-002.xht">caption-side-vrl-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: top' and vertical-rl
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'top' in a vertical-rl table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the righthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical top (logical left) side of the table box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vrl-004-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vrl-004.xht">caption-side-vrl-004</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: bottom' and vertical-rl
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'bottom' in a vertical-rl table and if the rendering engine does not support side captions (i.e. left and right captions in horizontal writing modes), then the caption is placed at the block-start side of the table, which is on the righthand side of such table. If the rendering engine supports side captions, then the rendering engine must place the caption at the physical bottom (logical right) side of the table box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vrl-006-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vrl-006.xht">caption-side-vrl-006</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: block-start' and vertical-rl
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'block-start' in a vertical-rl table, then the caption is placed at the block-start side of the table, which is on the righthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caption-side-vrl-008-7.7" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="caption-side-vrl-008.xht">caption-side-vrl-008</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'caption-side: block-end' and vertical-rl
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'caption-side' is set to 'block-end' in a vertical-rl table, then the caption is placed at the block-end side of the table, which is on the lefthand side of such table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.7.#valuedef-block-end">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Glyph Composition (27 tests)</h2>
|
||||
<h2>Glyph Composition (28 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright">9.1 Horizontal-in-Vertical Composition: the text-combine-upright property</a></th></tr>
|
||||
<!-- 22 tests -->
|
||||
<!-- 23 tests -->
|
||||
<tr id="text-combine-upright-inherit-all-001-9.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-inherit-all-001.xht">text-combine-upright-inherit-all-001</a></strong></td>
|
||||
|
|
@ -74,6 +74,28 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-digits-001-9.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-digits-001.xht">text-combine-upright-parsing-digits-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright for digits
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright supports `none`, `all`, `digits`, and `digits` followed by a digit in the range from 2 to 4.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-digits-002-9.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-digits-002.xht">text-combine-upright-parsing-digits-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to valid digits
|
||||
<ul class="assert">
|
||||
<li>User Agents support text-combine-upright with values `digits calc(...)` if the expression inside `calc()` computes to a valid integer, which is either 2, 3, or 4.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-invalid-001-9.1" class="primary dom invalid script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-invalid-001.xht">text-combine-upright-parsing-invalid-001</a></strong></td>
|
||||
|
|
@ -107,17 +129,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-valid-002-9.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-valid-002.xht">text-combine-upright-parsing-valid-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to valid digits
|
||||
<ul class="assert">
|
||||
<li>User Agents support text-combine-upright with values `digits calc(...)` if the expression inside `calc()` computes to a valid integer, which is either 2, 3, or 4.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-all-001-9.1" class="primary font">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-all-001.xht">text-combine-upright-value-all-001</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
div#parent
|
||||
{
|
||||
background: red url("support/clearance-calculation-vrl-002.png");
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
min-width: 6em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
div#parent
|
||||
{
|
||||
background: red url("support/clearance-calculation-vrl-004.png");
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
min-width: 8em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
div#parent
|
||||
{
|
||||
background: red url("support/clearance-calculation-vrl-006.png");
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
min-width: 7em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div
|
||||
{
|
||||
color: green;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
height: 300px;
|
||||
width: 200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div
|
||||
{
|
||||
color: green;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
height: 300px;
|
||||
width: 200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div
|
||||
{
|
||||
color: green;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
height: 300px;
|
||||
width: 200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div
|
||||
{
|
||||
color: green;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
height: 300px;
|
||||
width: 200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gr-gr-100x100.png");
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gr-gr-100x100.png");
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div#wrapper
|
||||
{
|
||||
background: red url("support/pattern-gr-gr-100x100.png");
|
||||
font-size: 3.125em; /* computes to 50px */
|
||||
font-size: 50px;
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div#wrapper
|
||||
{
|
||||
background: red url("support/pattern-gr-gr-100x100.png");
|
||||
font-size: 3.125em; /* computes to 50px */
|
||||
font-size: 50px;
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
{
|
||||
background: red url("support/pattern-rg-rg-100x100.png");
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
{
|
||||
background: red url("support/pattern-rg-rg-100x100.png");
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div#wrapper
|
||||
{
|
||||
background: red url("support/pattern-rg-rg-100x100.png");
|
||||
font-size: 3.125em; /* computes to 50px */
|
||||
font-size: 50px;
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div#wrapper
|
||||
{
|
||||
background: red url("support/pattern-rg-rg-100x100.png");
|
||||
font-size: 3.125em; /* computes to 50px */
|
||||
font-size: 50px;
|
||||
height: 2em; /* computes to 100px */
|
||||
width: 2em; /* computes to 100px */
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
{
|
||||
color: green;
|
||||
float: left;
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
]]></style>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
{
|
||||
color: green;
|
||||
float: right;
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
{
|
||||
color: green;
|
||||
float: left;
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
]]></style>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
{
|
||||
color: green;
|
||||
float: right;
|
||||
font: 1.25em/1 Ahem; /* computes to 20px/20px */
|
||||
font: 20px/1 Ahem; /* computes to 20px/20px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
float: left;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
float: left;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
float: left;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
color: green;
|
||||
float: left;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: auto;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
float: left;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
float: left;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background-color: red;
|
||||
float: left;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
color: green;
|
||||
float: left;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: auto;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
div.test
|
||||
{
|
||||
background-color: red;
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
}
|
||||
|
||||
div.floated-right
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gg-rg-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gg-rg-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-rg-gg-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gg-rg-100x100.png") no-repeat;
|
||||
color: green;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gr-rg-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-rg-gr-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gg-gr-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gg-gr-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gr-gg-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gg-gr-100x100.png") no-repeat;
|
||||
color: green;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-rg-gr-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
{
|
||||
background: red url("support/pattern-gr-rg-100x100.png") no-repeat;
|
||||
color: transparent;
|
||||
font: 3.125em/1 Ahem; /* computes to 50px/50px */
|
||||
font: 50px/1 Ahem; /* computes to 50px/50px */
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<style type="text/css"><![CDATA[
|
||||
div#block
|
||||
{
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
writing-mode: vertical-lr;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<style type="text/css"><![CDATA[
|
||||
div#block
|
||||
{
|
||||
font: 6.25em/1 Ahem; /* computes to 100px/100px */
|
||||
font: 100px/1 Ahem; /* computes to 100px/100px */
|
||||
height: 2em;
|
||||
width: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
div#rl-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
div#lr-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
div#rl-upright
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
div#lr-upright
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
div#rl-sideways
|
||||
{
|
||||
color: fuchsia;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
div#lr-sideways
|
||||
{
|
||||
color: aqua;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
div#rl-sideways-right
|
||||
{
|
||||
color: fuchsia;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways-right;
|
||||
|
|
|
|||
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