зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1729450 - Fix the text-emphasis-position-* testcases/references to render consistently. r=emilio
The text-emphasis-position testcases do not match the current spec, as they use the keywords 'above' and 'below', whereas CSS Text Decorations actually specifies 'over' and 'under'. (I guess they were created before the values were finalized.) We also need to convert the reference lines from using abs-pos to try and simulate emphasis mark rendering to a ruby-based version, as this is how the spec defines the rendering of the marks. The abs-pos approach is at best an approximation, and will result in spurious reftest failures even when the emphasis properties are working as intended. Depends on D124793 Differential Revision: https://phabricator.services.mozilla.com/D124794
This commit is contained in:
Jonathan Kew
Родитель
ae770f9bd3
Коммит
0a5e26e387
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-above-left-001.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-above-left-002.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-above-right-001.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-above-right-002.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-below-left-001.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-below-left-002.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-below-right-001.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[text-emphasis-position-below-right-002.xht]
|
||||
expected: FAIL
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above left - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 1.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
<div class="parent">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above right - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
left: -0.5em;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 4.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
<div class="parent">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below left - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 1.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
<div class="parent">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below right - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
left: -0.5em;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 4.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
<div class="parent">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,19 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above right - basic cases Reftest Reference</title>
|
||||
<title>CSS Test: text-emphasis-position - over left - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.margin
|
||||
{
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -23,15 +15,8 @@
|
|||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: -1.4em;
|
||||
ruby {
|
||||
ruby-position: over;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -40,16 +25,16 @@
|
|||
<p>Test passes if a pair of upper and lower block in the square box is identical.</p>
|
||||
<p>horizontal</p>
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - over left - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: under; /* to match emphasis position 'left' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent vertical ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,15 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below left - basic cases Reftest Reference</title>
|
||||
<title>CSS Test: text-emphasis-position - over right - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -19,15 +15,8 @@
|
|||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: 1.6em;
|
||||
ruby {
|
||||
ruby-position: over;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -37,7 +26,7 @@
|
|||
<p>horizontal</p>
|
||||
<div class="parent">
|
||||
<div>
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
|
|
@ -45,7 +34,7 @@
|
|||
<br />
|
||||
<div class="parent">
|
||||
<div>
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - over right - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: over; /* to match emphasis position 'right' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent vertical ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,19 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above left - basic cases Reftest Reference</title>
|
||||
<title>CSS Test: text-emphasis-position - under left - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.margin
|
||||
{
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -22,16 +14,10 @@
|
|||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: -1.4em;
|
||||
ruby {
|
||||
ruby-position: under;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -40,16 +26,16 @@
|
|||
<p>Test passes if a pair of upper and lower block in the square box is identical.</p>
|
||||
<p>horizontal</p>
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - under left - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: under; /* to match emphasis position 'left' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent vertical ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,15 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below right - basic cases Reftest Reference</title>
|
||||
<title>CSS Test: text-emphasis-position - under right - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -18,16 +14,10 @@
|
|||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: 1.6em;
|
||||
ruby {
|
||||
ruby-position: under;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -36,16 +26,16 @@
|
|||
<p>Test passes if a pair of upper and lower block in the square box is identical.</p>
|
||||
<p>horizontal</p>
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - under right - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css"><![CDATA[
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
padding: 10px;
|
||||
width: 10em;
|
||||
}
|
||||
.floatright
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: over; /* to match emphasis position 'right' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
border: solid 1px gray;
|
||||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent vertical ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above left - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - over left - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-above-left-001-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-over-left-001-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,18 +14,9 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: above left;
|
||||
text-emphasis-position: over left;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.margin
|
||||
{
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -33,15 +25,8 @@
|
|||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: -1.4em;
|
||||
ruby {
|
||||
ruby-position: over;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -54,8 +39,8 @@
|
|||
</div>
|
||||
<br />
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above left - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - over left - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-above-left-002-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-over-left-002-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,19 +14,13 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: above left;
|
||||
text-emphasis-position: over left;
|
||||
}
|
||||
|
||||
.test-vertical
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
|
|
@ -36,6 +31,9 @@
|
|||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: under; /* to match emphasis position 'left' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -45,13 +43,6 @@
|
|||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 1.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -59,15 +50,14 @@
|
|||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent test-vertical">
|
||||
<div class="parent vertical">
|
||||
<span class="test">abc</span> de
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above right - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - over right - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-above-right-001-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-over-right-001-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,18 +14,9 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: above right;
|
||||
text-emphasis-position: over right;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.margin
|
||||
{
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -33,15 +25,8 @@
|
|||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: -1.4em;
|
||||
ruby {
|
||||
ruby-position: over;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -54,12 +39,10 @@
|
|||
</div>
|
||||
<br />
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below right - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - over right - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-below-right-002-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-over-right-002-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,19 +14,13 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: below right;
|
||||
text-emphasis-position: over right;
|
||||
}
|
||||
.test-vertical
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
left: -0.5em;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
|
|
@ -36,6 +31,9 @@
|
|||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: over; /* to match emphasis position 'right' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -45,13 +43,6 @@
|
|||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 4.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -59,15 +50,14 @@
|
|||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent test-vertical">
|
||||
<div class="parent vertical">
|
||||
<span class="test">abc</span> de
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below left - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - under left - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-below-left-001-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-under-left-001-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,14 +14,9 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: below left;
|
||||
text-emphasis-position: under left;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -28,16 +24,10 @@
|
|||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: 1.6em;
|
||||
ruby {
|
||||
ruby-position: under;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -51,7 +41,7 @@
|
|||
<br />
|
||||
<div class="parent">
|
||||
<div>
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below left - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - under left - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-below-left-002-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-under-left-002-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,19 +14,13 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: below left;
|
||||
text-emphasis-position: under left;
|
||||
}
|
||||
|
||||
.test-vertical
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
|
|
@ -36,6 +31,9 @@
|
|||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: under; /* to match emphasis position 'left' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -45,13 +43,6 @@
|
|||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 1.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -59,15 +50,14 @@
|
|||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent test-vertical">
|
||||
<div class="parent vertical">
|
||||
<span class="test">abc</span> de
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - below right - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - under right - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-below-right-001-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-under-right-001-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,14 +14,9 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: below right;
|
||||
text-emphasis-position: under right;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -28,16 +24,10 @@
|
|||
color: blue;
|
||||
font: 20px/1em ahem;
|
||||
width: 6em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 0.6em;
|
||||
position: absolute;
|
||||
}
|
||||
.top
|
||||
{
|
||||
top: 1.6em;
|
||||
ruby {
|
||||
ruby-position: under;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
|
@ -50,12 +40,10 @@
|
|||
</div>
|
||||
<br />
|
||||
<div class="parent">
|
||||
<div class="margin">
|
||||
<div class="margin">
|
||||
<span class="common">a<span class="refcommon top">●</span></span><span class="common">b<span class="refcommon top">●</span></span><span class="common">c<span class="refcommon top">●</span></span>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,10 +2,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-emphasis-position - above right - basic cases</title>
|
||||
<title>CSS Test: text-emphasis-position - under right - basic cases</title>
|
||||
<link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />
|
||||
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" />
|
||||
<link rel="match" href="reference/text-emphasis-position-above-right-002-ref.xht"/>
|
||||
<link rel="match" href="reference/text-emphasis-position-under-right-002-ref.xht"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This property describes where emphasis marks are drawn at." />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
@ -13,19 +14,13 @@
|
|||
.test
|
||||
{
|
||||
text-emphasis-style: filled circle;
|
||||
text-emphasis-position: above right;
|
||||
text-emphasis-position: under right;
|
||||
}
|
||||
.test-vertical
|
||||
.vertical
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
.common
|
||||
{
|
||||
left: -0.5em;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.displayarea
|
||||
{
|
||||
border: solid 1px gray;
|
||||
|
|
@ -36,6 +31,9 @@
|
|||
{
|
||||
float: right;
|
||||
}
|
||||
.ref {
|
||||
ruby-position: over; /* to match emphasis position 'right' */
|
||||
}
|
||||
.parent
|
||||
{
|
||||
background: yellow;
|
||||
|
|
@ -45,13 +43,6 @@
|
|||
height: 6em;
|
||||
width: 2em;
|
||||
}
|
||||
.refcommon
|
||||
{
|
||||
font-size: 0.5em;
|
||||
left: 4.1em;
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -59,15 +50,14 @@
|
|||
<p>Test passes if a pair of left and right block in the square box is identical.</p>
|
||||
<p>vertical</p>
|
||||
<div class="displayarea">
|
||||
<div class="parent floatright">
|
||||
<span class="common"> a<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> b<span class="refcommon">●</span></span><br />
|
||||
<span class="common"> c<span class="refcommon">●</span></span><br />
|
||||
<br />
|
||||
<span class="common"> d</span><br />
|
||||
<span class="common"> e</span><br />
|
||||
<div class="parent vertical floatright ref">
|
||||
<div>
|
||||
<ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby>
|
||||
de<br />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent test-vertical">
|
||||
<div class="parent vertical">
|
||||
<span class="test">abc</span> de
|
||||
</div>
|
||||
</div>
|
||||
Загрузка…
Ссылка в новой задаче