Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger
2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -3,7 +3,7 @@ CSS Orientation Test
Overview
----
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
Getting Involved
@@ -15,7 +15,7 @@ Building
Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files.
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
@@ -23,17 +23,17 @@ The latest version of the font binaries is 1.005 (October 2015).
Requirements
----
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
Building the fonts
----
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
by executing *makeotf -h*.
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H

View File

@@ -0,0 +1,79 @@
#!/usr/bin/env python
# - * - coding: UTF-8 - * -
"""
This script generates tests text-emphasis-position-property-001 ~ 006
which cover all possible values of text-emphasis-position property with
all combination of three main writing modes and two orientations. Only
test files are generated by this script. It also outputs a list of all
tests it generated in the format of Mozilla reftest.list to the stdout.
"""
from __future__ import unicode_literals
import itertools
TEST_FILE = 'text-emphasis-position-property-{:03}{}.html'
REF_FILE = 'text-emphasis-position-property-{:03}-ref.html'
TEST_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis-position: {value}, {title}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
<meta name="assert" content="'text-emphasis-position: {value}' with 'writing-mode: {wm}' puts emphasis marks {position} the text.">
<link rel="match" href="text-emphasis-position-property-{index:03}-ref.html">
<p>Pass if the emphasis marks are {position} the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: {wm}; text-orientation: {orient}; text-emphasis-position: {value}">試験テスト</div>
'''
SUFFIXES = ['', 'a', 'b', 'c', 'd', 'e', 'f', 'g']
WRITING_MODES = ["horizontal-tb", "vertical-rl", "vertical-lr"]
POSITION_HORIZONTAL = ["over", "under"]
POSITION_VERTICAL = ["right", "left"]
REF_MAP_MIXED = { "over": 1, "under": 2, "right": 3, "left": 4 }
REF_MAP_SIDEWAYS = { "right": 5, "left": 6 }
POSITION_TEXT = { "over": "over", "under": "under",
"right": "to the right of", "left": "to the left of" }
suffixes = [iter(SUFFIXES) for i in range(6)]
reftest_items = []
def write_file(filename, content):
with open(filename, 'wb') as f:
f.write(content.encode('UTF-8'))
def write_test_file(idx, suffix, wm, orient, value, position):
filename = TEST_FILE.format(idx, suffix)
write_file(filename, TEST_TEMPLATE.format(
value=value, wm=wm, orient=orient, index=idx, position=position,
title=(wm if orient == "mixed" else "{}, {}".format(wm, orient))))
reftest_items.append("== {} {}".format(filename, REF_FILE.format(idx)))
def write_test_files(wm, orient, pos1, pos2):
idx = (REF_MAP_MIXED if orient == "mixed" else REF_MAP_SIDEWAYS)[pos1]
position = POSITION_TEXT[pos1]
suffix = suffixes[idx - 1]
write_test_file(idx, next(suffix), wm, orient, pos1 + " " + pos2, position)
write_test_file(idx, next(suffix), wm, orient, pos2 + " " + pos1, position)
for wm in WRITING_MODES:
if wm == "horizontal-tb":
effective_pos = POSITION_HORIZONTAL
ineffective_pos = POSITION_VERTICAL
else:
effective_pos = POSITION_VERTICAL
ineffective_pos = POSITION_HORIZONTAL
for pos1, pos2 in itertools.product(effective_pos, ineffective_pos):
write_test_files(wm, "mixed", pos1, pos2)
if wm != "horizontal-tb":
write_test_files(wm, "sideways", pos1, pos2)
print("# START tests from {}".format(__file__))
reftest_items.sort()
for item in reftest_items:
print(item)
print("# END tests from {}".format(__file__))

View File

@@ -0,0 +1,69 @@
#!/usr/bin/env python
# - * - coding: UTF-8 - * -
"""
This script generates tests text-emphasis-ruby-001 ~ 004 which tests
emphasis marks with ruby in four directions. It outputs a list of all
tests it generated in the format of Mozilla reftest.list to the stdout.
"""
from __future__ import unicode_literals
TEST_FILE = 'text-emphasis-ruby-{:03}{}.html'
TEST_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis and ruby, {wm}, {pos}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
<meta name="assert" content="emphasis marks are drawn outside the ruby">
<link rel="match" href="reference/text-emphasis-ruby-{index:03}-ref.html">
<p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: {wm}; ruby-position: {ruby_pos}; text-emphasis-position: {posval}">ルビ<span style="text-emphasis: circle">と<ruby>圏<rt>けん</rt>点<rt>てん</rt></ruby>を</span>同時</div>
'''
REF_FILE = 'text-emphasis-ruby-{:03}-ref.html'
REF_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference: text-emphasis and ruby, {wm}, {pos}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style> rtc {{ font-variant-east-asian: inherit; }} </style>
<p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: {wm}; ruby-position: {posval}">ルビ<ruby>と<rtc>&#x25CF;</rtc>圏<rt>けん</rt><rtc>&#x25CF;</rtc>点<rt>てん</rt><rtc>&#x25CF;</rtc>を<rtc>&#x25CF;</rtc></ruby>同時</div>
'''
TEST_CASES = [
('top', 'horizontal-tb', 'over', [
('horizontal-tb', 'over right')]),
('bottom', 'horizontal-tb', 'under', [
('horizontal-tb', 'under right')]),
('right', 'vertical-rl', 'over', [
('vertical-rl', 'over right'),
('vertical-lr', 'over right')]),
('left', 'vertical-rl', 'under', [
('vertical-rl', 'over left'),
('vertical-lr', 'over left')]),
]
SUFFIXES = ['', 'a']
def write_file(filename, content):
with open(filename, 'wb') as f:
f.write(content.encode('UTF-8'))
print("# START tests from {}".format(__file__))
idx = 0
for pos, ref_wm, ruby_pos, subtests in TEST_CASES:
idx += 1
ref_file = REF_FILE.format(idx)
ref_content = REF_TEMPLATE.format(pos=pos, wm=ref_wm, posval=ruby_pos)
write_file(ref_file, ref_content)
suffix = iter(SUFFIXES)
for wm, posval in subtests:
test_file = TEST_FILE.format(idx, next(suffix))
test_content = TEST_TEMPLATE.format(
wm=wm, pos=pos, index=idx, ruby_pos=ruby_pos, posval=posval)
write_file(test_file, test_content)
print("== {} {}".format(test_file, ref_file))
print("# END tests from {}".format(__file__))

View File

@@ -0,0 +1,81 @@
#!/usr/bin/env bash
# This script generates tests text-emphasis-style-property-010* except
# 010Cn. The tests generated cover all characters listed in the unicode
# data file which should not have emphasis mark specified in the spec.
# This script downloads UnicodeData.txt from the website of the Unicode
# Consortium and extract the characters form that file. It requires
# python (either 2.5+ or 3.x), awk, and wget to work. Only test files
# are generated by this script. It also outputs a list of all tests it
# generated in the format of Mozilla reftest.list to the stdout. Other
# information has been redirected to the stderr.
UNICODE_DATA_FILE='UnicodeData.txt'
UNICODE_DATA_URL="http://www.unicode.org/Public/8.0.0/ucd/$UNICODE_DATA_FILE"
UNICODE_DATA_DIGEST='38b17e1118206489a7e0ab5d29d7932212d38838df7d3ec025ecb58e8798ec20'
TEST_FILE='text-emphasis-style-property-010%s.html'
REF_FILE='text-emphasis-style-property-010-ref.html'
digest_file() {
python -c "import hashlib;
print(hashlib.sha256(open('$1', 'rb').read()).hexdigest())"
}
check_file() {
[[ -f "$UNICODE_DATA_FILE" ]] || return 1
digest=`digest_file "$UNICODE_DATA_FILE"`
[[ "$digest" == "$UNICODE_DATA_DIGEST" ]] || return 2
}
download_data() {
check_file
if [[ $? -eq 2 ]]; then
echo "Removing incorrect data file..." >&2
rm "$UNICODE_DATA_FILE"
fi
wget -nc -O"$UNICODE_DATA_FILE" "$UNICODE_DATA_URL" >&2
check_file
if [[ $? -ne 0 ]]; then
echo "Failed to get the correct unicode data file!" >&2
exit 1
fi
}
list_codepoints() {
awk -F';' "\$3 == \"$1\" { print \" 0x\"\$1\",\" }" "$UNICODE_DATA_FILE"
}
write_test_file() {
filename=`printf "$TEST_FILE" $1`
echo "== $filename $REF_FILE"
cat <<EOF > $filename
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis, $1</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-style-property">
<meta name="assert" content="Emphasis marks should not be rendered for characters in general category $1">
<link rel="match" href="text-emphasis-style-property-010-ref.html">
<p>Pass if there is nothing rendered below:</p>
<div style="color: white; white-space: pre-wrap; text-emphasis: filled circle red">
<script>
var codepoints = [
`list_codepoints "$1"`
];
document.write(codepoints.map(function (code) {
return String.fromCodePoint(code);
}).join(' '));
</script>
</div>
EOF
}
download_data
echo "# START tests from $0"
for c in Zs Zl Zp Cc Cf; do
write_test_file "$c"
done
echo "# END tests from $0"

View File

@@ -0,0 +1,85 @@
#!/usr/bin/env python
# - * - coding: UTF-8 - * -
"""
This script generates tests text-emphasis-style-property-011 ~ 020 which
cover all possible values of text-emphasis-style property, except none
and <string>, with horizontal writing mode. It outputs a list of all
tests it generated in the format of Mozilla reftest.list to the stdout.
"""
from __future__ import unicode_literals
TEST_FILE = 'text-emphasis-style-property-{:03}{}.html'
TEST_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis-style: {title}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-style-property">
<meta name="assert" content="'text-emphasis-style: {value}' produces {code} as emphasis marks.">
<link rel="match" href="text-emphasis-style-property-{index:03}-ref.html">
<p>Pass if there is a '{char}' above every character below:</p>
<div style="line-height: 5; text-emphasis-style: {value}">試験テスト</div>
'''
REF_FILE = 'text-emphasis-style-property-{:03}-ref.html'
REF_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: {0}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style> rt {{ font-variant-east-asian: inherit; }} </style>
<p>Pass if there is a '{1}' above every character below:</p>
<div style="line-height: 5;"><ruby>試<rt>{1}</rt>験<rt>{1}</rt>テ<rt>{1}</rt>ス<rt>{1}</rt>ト<rt>{1}</rt></ruby></div>
'''
DATA_SET = [
('dot', 0x2022, 0x25e6),
('circle', 0x25cf, 0x25cb),
('double-circle', 0x25c9, 0x25ce),
('triangle', 0x25b2, 0x25b3),
('sesame', 0xfe45, 0xfe46),
]
SUFFIXES = ['', 'a', 'b', 'c', 'd', 'e']
def get_html_entity(code):
return '&#x{:04X};'.format(code)
def write_file(filename, content):
with open(filename, 'wb') as f:
f.write(content.encode('UTF-8'))
def write_test_file(idx, suffix, style, code, name=None):
if not name:
name = style
filename = TEST_FILE.format(idx, suffix)
write_file(filename, TEST_TEMPLATE.format(index=idx, value=style,
char=get_html_entity(code),
code='U+{:04X}'.format(code),
title=name))
print("== {} {}".format(filename, REF_FILE.format(idx)))
idx = 10
def write_files(style, code):
global idx
idx += 1
fill, shape = style
basic_style = "{} {}".format(fill, shape)
write_file(REF_FILE.format(idx),
REF_TEMPLATE.format(basic_style, get_html_entity(code)))
suffix = iter(SUFFIXES)
write_test_file(idx, next(suffix), basic_style, code)
write_test_file(idx, next(suffix), "{} {}".format(shape, fill), code)
if fill == 'filled':
write_test_file(idx, next(suffix), shape, code)
if shape == 'circle':
write_test_file(idx, next(suffix), fill, code, fill + ', horizontal')
print("# START tests from {}".format(__file__))
for name, code, _ in DATA_SET:
write_files(('filled', name), code)
for name, _, code in DATA_SET:
write_files(('open', name), code)
print("# END tests from {}".format(__file__))

View File

@@ -4,7 +4,7 @@
<title>CSS Reftest Reference</title>
<!-- reftest for text-decoration-line-010.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
<meta http-equiv="content-language" content="en, ja">
<meta http-equiv="content-language" content="en, ja">
<style type="text/css">
@font-face
{
@@ -15,14 +15,14 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
.control
.control
{
text-decoration: none;
}

View File

@@ -4,7 +4,7 @@
<title>CSS Reftest Reference</title>
<!-- reftest for text-decoration-line-011.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
<meta http-equiv="content-language" content="en, ja">
<meta http-equiv="content-language" content="en, ja">
<style type="text/css">
@font-face
{
@@ -15,16 +15,16 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
.control
.control
{
text-decoration: underline;
text-decoration: underline;
}
</style>
</head>

View File

@@ -4,7 +4,7 @@
<title>CSS Reftest Reference</title>
<!-- reftest for text-decoration-line-012.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
<meta http-equiv="content-language" content="en, ja">
<meta http-equiv="content-language" content="en, ja">
<style type="text/css">
@font-face
{
@@ -15,16 +15,16 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
.control
.control
{
text-decoration: overline;
text-decoration: overline;
}
</style>
</head>

View File

@@ -4,7 +4,7 @@
<title>CSS Reftest Reference</title>
<!-- reftest for text-decoration-line-013.xht -->
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
<meta http-equiv="content-language" content="en, ja">
<meta http-equiv="content-language" content="en, ja">
<style type="text/css">
@font-face
{
@@ -15,16 +15,16 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
.control
.control
{
text-decoration: line-through;
text-decoration: line-through;
}
</style>
</head>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-color: currentColor</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5; color: green"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-color: green</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; color: green; } </style>
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-position: over</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if the emphasis marks are over the text below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-position: under</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if the emphasis marks are under the text below:</p>
<div style="line-height: 5; ruby-position: under"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-position: right</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; writing-mode: vertical-rl; ruby-position: over"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-position: left</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; writing-mode: vertical-rl; ruby-position: under"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-position: right, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; writing-mode: vertical-rl; text-orientation: sideways; ruby-position: over"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-position: left, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; writing-mode: vertical-rl; text-orientation: sideways; ruby-position: under"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: filled sesame, vertical</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: normal; } </style>
</head><body><p>Pass if there is a '﹅' to the right of every character below:</p>
<div style="writing-mode: vertical-rl; line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: open sesame, vertical</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: normal; } </style>
</head><body><p>Pass if there is a '﹆' to the right of every character below:</p>
<div style="writing-mode: vertical-rl; line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style, vertical</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: normal; text-orientation: upright; } </style>
</head><body><p>Pass if the emphasis marks 'V' are upright:</p>
<div style="writing-mode: vertical-rl; line-height: 5;"><ruby><rt>V</rt><rt>V</rt><rt>V</rt><rt>V</rt><rt>V</rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,8 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis on characters without emphasis mark</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
</head><body><p>Pass if there is nothing rendered below:</p>
<div></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: filled dot</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '•' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: filled circle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '●' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: filled double-circle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '◉' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: filled triangle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '▲' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: filled sesame</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '﹅' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: open dot</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '◦' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: open circle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '○' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: open double-circle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '◎' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: open triangle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '△' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: open sesame</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<style> rt { font-variant-east-asian: inherit; } </style>
</head><body><p>Pass if there is a '﹆' above every character below:</p>
<div style="line-height: 5;"><ruby><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby></div>
</body></html>

View File

@@ -72,6 +72,462 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-color-property-001" class="">
<tr>
<td rowspan="1" title="text-emphasis-color: untouched">
<a href="text-emphasis-color-property-001.htm">text-emphasis-color-property-001</a></td>
<td><a href="reference/text-emphasis-color-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-color-property-001a" class="">
<tr>
<td rowspan="1" title="text-emphasis-color: initial">
<a href="text-emphasis-color-property-001a.htm">text-emphasis-color-property-001a</a></td>
<td><a href="reference/text-emphasis-color-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-color-property-001b" class="">
<tr>
<td rowspan="1" title="text-emphasis-color: initial from text-emphasis">
<a href="text-emphasis-color-property-001b.htm">text-emphasis-color-property-001b</a></td>
<td><a href="reference/text-emphasis-color-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-color-property-002" class="">
<tr>
<td rowspan="1" title="text-emphasis-color: green">
<a href="text-emphasis-color-property-002.htm">text-emphasis-color-property-002</a></td>
<td><a href="reference/text-emphasis-color-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-001" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over right, horizontal-tb">
<a href="text-emphasis-position-property-001.htm">text-emphasis-position-property-001</a></td>
<td><a href="reference/text-emphasis-position-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-001a" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right over, horizontal-tb">
<a href="text-emphasis-position-property-001a.htm">text-emphasis-position-property-001a</a></td>
<td><a href="reference/text-emphasis-position-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-001b" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over left, horizontal-tb">
<a href="text-emphasis-position-property-001b.htm">text-emphasis-position-property-001b</a></td>
<td><a href="reference/text-emphasis-position-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-001c" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left over, horizontal-tb">
<a href="text-emphasis-position-property-001c.htm">text-emphasis-position-property-001c</a></td>
<td><a href="reference/text-emphasis-position-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-002" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under right, horizontal-tb">
<a href="text-emphasis-position-property-002.htm">text-emphasis-position-property-002</a></td>
<td><a href="reference/text-emphasis-position-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-002a" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right under, horizontal-tb">
<a href="text-emphasis-position-property-002a.htm">text-emphasis-position-property-002a</a></td>
<td><a href="reference/text-emphasis-position-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-002b" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under left, horizontal-tb">
<a href="text-emphasis-position-property-002b.htm">text-emphasis-position-property-002b</a></td>
<td><a href="reference/text-emphasis-position-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-002c" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left under, horizontal-tb">
<a href="text-emphasis-position-property-002c.htm">text-emphasis-position-property-002c</a></td>
<td><a href="reference/text-emphasis-position-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right over, vertical-rl">
<a href="text-emphasis-position-property-003.htm">text-emphasis-position-property-003</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003a" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over right, vertical-rl">
<a href="text-emphasis-position-property-003a.htm">text-emphasis-position-property-003a</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003b" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right under, vertical-rl">
<a href="text-emphasis-position-property-003b.htm">text-emphasis-position-property-003b</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003c" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under right, vertical-rl">
<a href="text-emphasis-position-property-003c.htm">text-emphasis-position-property-003c</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003d" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right over, vertical-lr">
<a href="text-emphasis-position-property-003d.htm">text-emphasis-position-property-003d</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003e" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over right, vertical-lr">
<a href="text-emphasis-position-property-003e.htm">text-emphasis-position-property-003e</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003f" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right under, vertical-lr">
<a href="text-emphasis-position-property-003f.htm">text-emphasis-position-property-003f</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-003g" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under right, vertical-lr">
<a href="text-emphasis-position-property-003g.htm">text-emphasis-position-property-003g</a></td>
<td><a href="reference/text-emphasis-position-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left over, vertical-rl">
<a href="text-emphasis-position-property-004.htm">text-emphasis-position-property-004</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004a" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over left, vertical-rl">
<a href="text-emphasis-position-property-004a.htm">text-emphasis-position-property-004a</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004b" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left under, vertical-rl">
<a href="text-emphasis-position-property-004b.htm">text-emphasis-position-property-004b</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004c" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under left, vertical-rl">
<a href="text-emphasis-position-property-004c.htm">text-emphasis-position-property-004c</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004d" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left over, vertical-lr">
<a href="text-emphasis-position-property-004d.htm">text-emphasis-position-property-004d</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004e" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over left, vertical-lr">
<a href="text-emphasis-position-property-004e.htm">text-emphasis-position-property-004e</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004f" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left under, vertical-lr">
<a href="text-emphasis-position-property-004f.htm">text-emphasis-position-property-004f</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-004g" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under left, vertical-lr">
<a href="text-emphasis-position-property-004g.htm">text-emphasis-position-property-004g</a></td>
<td><a href="reference/text-emphasis-position-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right over, vertical-rl, sideways">
<a href="text-emphasis-position-property-005.htm">text-emphasis-position-property-005</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005a" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over right, vertical-rl, sideways">
<a href="text-emphasis-position-property-005a.htm">text-emphasis-position-property-005a</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005b" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right under, vertical-rl, sideways">
<a href="text-emphasis-position-property-005b.htm">text-emphasis-position-property-005b</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005c" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under right, vertical-rl, sideways">
<a href="text-emphasis-position-property-005c.htm">text-emphasis-position-property-005c</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005d" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right over, vertical-lr, sideways">
<a href="text-emphasis-position-property-005d.htm">text-emphasis-position-property-005d</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005e" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over right, vertical-lr, sideways">
<a href="text-emphasis-position-property-005e.htm">text-emphasis-position-property-005e</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005f" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: right under, vertical-lr, sideways">
<a href="text-emphasis-position-property-005f.htm">text-emphasis-position-property-005f</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-005g" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under right, vertical-lr, sideways">
<a href="text-emphasis-position-property-005g.htm">text-emphasis-position-property-005g</a></td>
<td><a href="reference/text-emphasis-position-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left over, vertical-rl, sideways">
<a href="text-emphasis-position-property-006.htm">text-emphasis-position-property-006</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006a" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over left, vertical-rl, sideways">
<a href="text-emphasis-position-property-006a.htm">text-emphasis-position-property-006a</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006b" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left under, vertical-rl, sideways">
<a href="text-emphasis-position-property-006b.htm">text-emphasis-position-property-006b</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006c" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under left, vertical-rl, sideways">
<a href="text-emphasis-position-property-006c.htm">text-emphasis-position-property-006c</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006d" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left over, vertical-lr, sideways">
<a href="text-emphasis-position-property-006d.htm">text-emphasis-position-property-006d</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006e" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: over left, vertical-lr, sideways">
<a href="text-emphasis-position-property-006e.htm">text-emphasis-position-property-006e</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006f" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: left under, vertical-lr, sideways">
<a href="text-emphasis-position-property-006f.htm">text-emphasis-position-property-006f</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-position-property-006g" class="">
<tr>
<td rowspan="1" title="text-emphasis-position: under left, vertical-lr, sideways">
<a href="text-emphasis-position-property-006g.htm">text-emphasis-position-property-006g</a></td>
<td><a href="reference/text-emphasis-position-property-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-property-001" class="">
<tr>
<td rowspan="1" title="text-emphasis: none">
<a href="text-emphasis-property-001.htm">text-emphasis-property-001</a></td>
<td><a href="reference/text-emphasis-style-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-property-002" class="">
<tr>
<td rowspan="1" title="text-emphasis: string">
<a href="text-emphasis-property-002.htm">text-emphasis-property-002</a></td>
<td><a href="reference/text-emphasis-style-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-property-003" class="">
<tr>
<td rowspan="1" title="text-emphasis: circle">
<a href="text-emphasis-property-003.htm">text-emphasis-property-003</a></td>
<td><a href="reference/text-emphasis-style-property-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-property-003a" class="">
<tr>
<td rowspan="1" title="text-emphasis: filled">
<a href="text-emphasis-property-003a.htm">text-emphasis-property-003a</a></td>
<td><a href="reference/text-emphasis-style-property-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-property-003b" class="">
<tr>
<td rowspan="1" title="text-emphasis: filled circle">
<a href="text-emphasis-property-003b.htm">text-emphasis-property-003b</a></td>
<td><a href="reference/text-emphasis-style-property-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-property-004" class="">
<tr>
<td rowspan="1" title="text-emphasis: circle green">
<a href="text-emphasis-property-004.htm">text-emphasis-property-004</a></td>
<td><a href="reference/text-emphasis-color-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-property-004a" class="">
<tr>
<td rowspan="1" title="text-emphasis: green circle">
<a href="text-emphasis-property-004a.htm">text-emphasis-property-004a</a></td>
<td><a href="reference/text-emphasis-color-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-ruby-001" class="">
<tr>
<td rowspan="1" title="text-emphasis and ruby, horizontal-tb, top">
<a href="text-emphasis-ruby-001.htm">text-emphasis-ruby-001</a></td>
<td><a href="reference/text-emphasis-ruby-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-ruby-002" class="">
<tr>
<td rowspan="1" title="text-emphasis and ruby, horizontal-tb, bottom">
<a href="text-emphasis-ruby-002.htm">text-emphasis-ruby-002</a></td>
<td><a href="reference/text-emphasis-ruby-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-ruby-003" class="">
<tr>
<td rowspan="1" title="text-emphasis and ruby, vertical-rl, right">
<a href="text-emphasis-ruby-003.htm">text-emphasis-ruby-003</a></td>
<td><a href="reference/text-emphasis-ruby-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-ruby-003a" class="">
<tr>
<td rowspan="1" title="text-emphasis and ruby, vertical-lr, right">
<a href="text-emphasis-ruby-003a.htm">text-emphasis-ruby-003a</a></td>
<td><a href="reference/text-emphasis-ruby-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-ruby-004" class="">
<tr>
<td rowspan="1" title="text-emphasis and ruby, vertical-rl, left">
<a href="text-emphasis-ruby-004.htm">text-emphasis-ruby-004</a></td>
<td><a href="reference/text-emphasis-ruby-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-ruby-004a" class="">
<tr>
<td rowspan="1" title="text-emphasis and ruby, vertical-lr, left">
<a href="text-emphasis-ruby-004a.htm">text-emphasis-ruby-004a</a></td>
<td><a href="reference/text-emphasis-ruby-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-001" class="">
<tr>
<td rowspan="1" title="CSS Text Decoration Test - text-emphasis">
@@ -136,6 +592,318 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-001" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: none">
<a href="text-emphasis-style-property-001.htm">text-emphasis-style-property-001</a></td>
<td><a href="reference/text-emphasis-style-property-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-002" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: string">
<a href="text-emphasis-style-property-002.htm">text-emphasis-style-property-002</a></td>
<td><a href="reference/text-emphasis-style-property-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-003" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: filled, vertical">
<a href="text-emphasis-style-property-003.htm">text-emphasis-style-property-003</a></td>
<td><a href="reference/text-emphasis-style-property-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-004" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: open, vertical">
<a href="text-emphasis-style-property-004.htm">text-emphasis-style-property-004</a></td>
<td><a href="reference/text-emphasis-style-property-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-005" class="">
<tr>
<td rowspan="1" title="text-emphasis-style, vertical-rl">
<a href="text-emphasis-style-property-005.htm">text-emphasis-style-property-005</a></td>
<td><a href="reference/text-emphasis-style-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-005a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style, vertical-lr">
<a href="text-emphasis-style-property-005a.htm">text-emphasis-style-property-005a</a></td>
<td><a href="reference/text-emphasis-style-property-005-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-010cc" class="">
<tr>
<td rowspan="1" title="text-emphasis, Cc">
<a href="text-emphasis-style-property-010Cc.htm">text-emphasis-style-property-010cc</a></td>
<td><a href="reference/text-emphasis-style-property-010-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-010cf" class="">
<tr>
<td rowspan="1" title="text-emphasis, Cf">
<a href="text-emphasis-style-property-010Cf.htm">text-emphasis-style-property-010cf</a></td>
<td><a href="reference/text-emphasis-style-property-010-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-010cn" class="">
<tr>
<td rowspan="1" title="text-emphasis, Cn">
<a href="text-emphasis-style-property-010Cn.htm">text-emphasis-style-property-010cn</a></td>
<td><a href="reference/text-emphasis-style-property-010-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-010zl" class="">
<tr>
<td rowspan="1" title="text-emphasis, Zl">
<a href="text-emphasis-style-property-010Zl.htm">text-emphasis-style-property-010zl</a></td>
<td><a href="reference/text-emphasis-style-property-010-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-010zp" class="">
<tr>
<td rowspan="1" title="text-emphasis, Zp">
<a href="text-emphasis-style-property-010Zp.htm">text-emphasis-style-property-010zp</a></td>
<td><a href="reference/text-emphasis-style-property-010-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-010zs" class="">
<tr>
<td rowspan="1" title="text-emphasis, Zs">
<a href="text-emphasis-style-property-010Zs.htm">text-emphasis-style-property-010zs</a></td>
<td><a href="reference/text-emphasis-style-property-010-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-011" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: filled dot">
<a href="text-emphasis-style-property-011.htm">text-emphasis-style-property-011</a></td>
<td><a href="reference/text-emphasis-style-property-011-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-011a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: dot filled">
<a href="text-emphasis-style-property-011a.htm">text-emphasis-style-property-011a</a></td>
<td><a href="reference/text-emphasis-style-property-011-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-011b" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: dot">
<a href="text-emphasis-style-property-011b.htm">text-emphasis-style-property-011b</a></td>
<td><a href="reference/text-emphasis-style-property-011-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-012" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: filled circle">
<a href="text-emphasis-style-property-012.htm">text-emphasis-style-property-012</a></td>
<td><a href="reference/text-emphasis-style-property-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-012a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: circle filled">
<a href="text-emphasis-style-property-012a.htm">text-emphasis-style-property-012a</a></td>
<td><a href="reference/text-emphasis-style-property-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-012b" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: circle">
<a href="text-emphasis-style-property-012b.htm">text-emphasis-style-property-012b</a></td>
<td><a href="reference/text-emphasis-style-property-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-012c" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: filled, horizontal">
<a href="text-emphasis-style-property-012c.htm">text-emphasis-style-property-012c</a></td>
<td><a href="reference/text-emphasis-style-property-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-013" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: filled double-circle">
<a href="text-emphasis-style-property-013.htm">text-emphasis-style-property-013</a></td>
<td><a href="reference/text-emphasis-style-property-013-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-013a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: double-circle filled">
<a href="text-emphasis-style-property-013a.htm">text-emphasis-style-property-013a</a></td>
<td><a href="reference/text-emphasis-style-property-013-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-013b" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: double-circle">
<a href="text-emphasis-style-property-013b.htm">text-emphasis-style-property-013b</a></td>
<td><a href="reference/text-emphasis-style-property-013-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-014" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: filled triangle">
<a href="text-emphasis-style-property-014.htm">text-emphasis-style-property-014</a></td>
<td><a href="reference/text-emphasis-style-property-014-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-014a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: triangle filled">
<a href="text-emphasis-style-property-014a.htm">text-emphasis-style-property-014a</a></td>
<td><a href="reference/text-emphasis-style-property-014-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-014b" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: triangle">
<a href="text-emphasis-style-property-014b.htm">text-emphasis-style-property-014b</a></td>
<td><a href="reference/text-emphasis-style-property-014-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-015" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: filled sesame">
<a href="text-emphasis-style-property-015.htm">text-emphasis-style-property-015</a></td>
<td><a href="reference/text-emphasis-style-property-015-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-015a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: sesame filled">
<a href="text-emphasis-style-property-015a.htm">text-emphasis-style-property-015a</a></td>
<td><a href="reference/text-emphasis-style-property-015-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-015b" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: sesame">
<a href="text-emphasis-style-property-015b.htm">text-emphasis-style-property-015b</a></td>
<td><a href="reference/text-emphasis-style-property-015-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-016" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: open dot">
<a href="text-emphasis-style-property-016.htm">text-emphasis-style-property-016</a></td>
<td><a href="reference/text-emphasis-style-property-016-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-016a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: dot open">
<a href="text-emphasis-style-property-016a.htm">text-emphasis-style-property-016a</a></td>
<td><a href="reference/text-emphasis-style-property-016-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-017" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: open circle">
<a href="text-emphasis-style-property-017.htm">text-emphasis-style-property-017</a></td>
<td><a href="reference/text-emphasis-style-property-017-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-017a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: circle open">
<a href="text-emphasis-style-property-017a.htm">text-emphasis-style-property-017a</a></td>
<td><a href="reference/text-emphasis-style-property-017-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-017b" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: open, horizontal">
<a href="text-emphasis-style-property-017b.htm">text-emphasis-style-property-017b</a></td>
<td><a href="reference/text-emphasis-style-property-017-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-018" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: open double-circle">
<a href="text-emphasis-style-property-018.htm">text-emphasis-style-property-018</a></td>
<td><a href="reference/text-emphasis-style-property-018-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-018a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: double-circle open">
<a href="text-emphasis-style-property-018a.htm">text-emphasis-style-property-018a</a></td>
<td><a href="reference/text-emphasis-style-property-018-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-019" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: open triangle">
<a href="text-emphasis-style-property-019.htm">text-emphasis-style-property-019</a></td>
<td><a href="reference/text-emphasis-style-property-019-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-019a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: triangle open">
<a href="text-emphasis-style-property-019a.htm">text-emphasis-style-property-019a</a></td>
<td><a href="reference/text-emphasis-style-property-019-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-020" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: open sesame">
<a href="text-emphasis-style-property-020.htm">text-emphasis-style-property-020</a></td>
<td><a href="reference/text-emphasis-style-property-020-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-emphasis-style-property-020a" class="">
<tr>
<td rowspan="1" title="text-emphasis-style: sesame open">
<a href="text-emphasis-style-property-020a.htm">text-emphasis-style-property-020a</a></td>
<td><a href="reference/text-emphasis-style-property-020-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>

View File

@@ -5,6 +5,63 @@ text-decoration-line-011.htm == reference/text-decoration-line-011-ref.htm
text-decoration-line-012.htm == reference/text-decoration-line-012-ref.htm
text-decoration-line-013.htm == reference/text-decoration-line-013-ref.htm
text-decoration-propagation-01.htm == reference/text-decoration-propagation-01-ref.htm
text-emphasis-color-property-001.htm == reference/text-emphasis-color-property-001-ref.htm
text-emphasis-color-property-001a.htm == reference/text-emphasis-color-property-001-ref.htm
text-emphasis-color-property-001b.htm == reference/text-emphasis-color-property-001-ref.htm
text-emphasis-color-property-002.htm == reference/text-emphasis-color-property-002-ref.htm
text-emphasis-position-property-001.htm == reference/text-emphasis-position-property-001-ref.htm
text-emphasis-position-property-001a.htm == reference/text-emphasis-position-property-001-ref.htm
text-emphasis-position-property-001b.htm == reference/text-emphasis-position-property-001-ref.htm
text-emphasis-position-property-001c.htm == reference/text-emphasis-position-property-001-ref.htm
text-emphasis-position-property-002.htm == reference/text-emphasis-position-property-002-ref.htm
text-emphasis-position-property-002a.htm == reference/text-emphasis-position-property-002-ref.htm
text-emphasis-position-property-002b.htm == reference/text-emphasis-position-property-002-ref.htm
text-emphasis-position-property-002c.htm == reference/text-emphasis-position-property-002-ref.htm
text-emphasis-position-property-003.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-003a.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-003b.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-003c.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-003d.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-003e.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-003f.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-003g.htm == reference/text-emphasis-position-property-003-ref.htm
text-emphasis-position-property-004.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-004a.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-004b.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-004c.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-004d.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-004e.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-004f.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-004g.htm == reference/text-emphasis-position-property-004-ref.htm
text-emphasis-position-property-005.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-005a.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-005b.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-005c.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-005d.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-005e.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-005f.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-005g.htm == reference/text-emphasis-position-property-005-ref.htm
text-emphasis-position-property-006.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-position-property-006a.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-position-property-006b.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-position-property-006c.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-position-property-006d.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-position-property-006e.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-position-property-006f.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-position-property-006g.htm == reference/text-emphasis-position-property-006-ref.htm
text-emphasis-property-001.htm == reference/text-emphasis-style-property-001-ref.htm
text-emphasis-property-002.htm == reference/text-emphasis-style-property-002-ref.htm
text-emphasis-property-003.htm == reference/text-emphasis-style-property-012-ref.htm
text-emphasis-property-003a.htm == reference/text-emphasis-style-property-012-ref.htm
text-emphasis-property-003b.htm == reference/text-emphasis-style-property-012-ref.htm
text-emphasis-property-004.htm == reference/text-emphasis-color-property-002-ref.htm
text-emphasis-property-004a.htm == reference/text-emphasis-color-property-002-ref.htm
text-emphasis-ruby-001.htm == reference/text-emphasis-ruby-001-ref.htm
text-emphasis-ruby-002.htm == reference/text-emphasis-ruby-002-ref.htm
text-emphasis-ruby-003.htm == reference/text-emphasis-ruby-003-ref.htm
text-emphasis-ruby-003a.htm == reference/text-emphasis-ruby-003-ref.htm
text-emphasis-ruby-004.htm == reference/text-emphasis-ruby-004-ref.htm
text-emphasis-ruby-004a.htm == reference/text-emphasis-ruby-004-ref.htm
text-emphasis-style-001.htm == reference/text-emphasis-style-001-ref.htm
text-emphasis-style-002.htm == reference/text-emphasis-style-002-ref.htm
text-emphasis-style-006.htm == reference/text-emphasis-style-006.htm
@@ -13,3 +70,42 @@ text-emphasis-style-008.htm == reference/text-emphasis-style-008-ref.htm
text-emphasis-style-010.htm == reference/text-emphasis-style-010-ref.htm
text-emphasis-style-012.htm == reference/text-emphasis-style-012-ref.htm
text-emphasis-style-021.htm == reference/text-emphasis-style-021-ref.htm
text-emphasis-style-property-001.htm == reference/text-emphasis-style-property-001-ref.htm
text-emphasis-style-property-002.htm == reference/text-emphasis-style-property-002-ref.htm
text-emphasis-style-property-003.htm == reference/text-emphasis-style-property-003-ref.htm
text-emphasis-style-property-004.htm == reference/text-emphasis-style-property-004-ref.htm
text-emphasis-style-property-005.htm == reference/text-emphasis-style-property-005-ref.htm
text-emphasis-style-property-005a.htm == reference/text-emphasis-style-property-005-ref.htm
text-emphasis-style-property-010Cc.htm == reference/text-emphasis-style-property-010-ref.htm
text-emphasis-style-property-010Cf.htm == reference/text-emphasis-style-property-010-ref.htm
text-emphasis-style-property-010Cn.htm == reference/text-emphasis-style-property-010-ref.htm
text-emphasis-style-property-010Zl.htm == reference/text-emphasis-style-property-010-ref.htm
text-emphasis-style-property-010Zp.htm == reference/text-emphasis-style-property-010-ref.htm
text-emphasis-style-property-010Zs.htm == reference/text-emphasis-style-property-010-ref.htm
text-emphasis-style-property-011.htm == reference/text-emphasis-style-property-011-ref.htm
text-emphasis-style-property-011a.htm == reference/text-emphasis-style-property-011-ref.htm
text-emphasis-style-property-011b.htm == reference/text-emphasis-style-property-011-ref.htm
text-emphasis-style-property-012.htm == reference/text-emphasis-style-property-012-ref.htm
text-emphasis-style-property-012a.htm == reference/text-emphasis-style-property-012-ref.htm
text-emphasis-style-property-012b.htm == reference/text-emphasis-style-property-012-ref.htm
text-emphasis-style-property-012c.htm == reference/text-emphasis-style-property-012-ref.htm
text-emphasis-style-property-013.htm == reference/text-emphasis-style-property-013-ref.htm
text-emphasis-style-property-013a.htm == reference/text-emphasis-style-property-013-ref.htm
text-emphasis-style-property-013b.htm == reference/text-emphasis-style-property-013-ref.htm
text-emphasis-style-property-014.htm == reference/text-emphasis-style-property-014-ref.htm
text-emphasis-style-property-014a.htm == reference/text-emphasis-style-property-014-ref.htm
text-emphasis-style-property-014b.htm == reference/text-emphasis-style-property-014-ref.htm
text-emphasis-style-property-015.htm == reference/text-emphasis-style-property-015-ref.htm
text-emphasis-style-property-015a.htm == reference/text-emphasis-style-property-015-ref.htm
text-emphasis-style-property-015b.htm == reference/text-emphasis-style-property-015-ref.htm
text-emphasis-style-property-016.htm == reference/text-emphasis-style-property-016-ref.htm
text-emphasis-style-property-016a.htm == reference/text-emphasis-style-property-016-ref.htm
text-emphasis-style-property-017.htm == reference/text-emphasis-style-property-017-ref.htm
text-emphasis-style-property-017a.htm == reference/text-emphasis-style-property-017-ref.htm
text-emphasis-style-property-017b.htm == reference/text-emphasis-style-property-017-ref.htm
text-emphasis-style-property-018.htm == reference/text-emphasis-style-property-018-ref.htm
text-emphasis-style-property-018a.htm == reference/text-emphasis-style-property-018-ref.htm
text-emphasis-style-property-019.htm == reference/text-emphasis-style-property-019-ref.htm
text-emphasis-style-property-019a.htm == reference/text-emphasis-style-property-019-ref.htm
text-emphasis-style-property-020.htm == reference/text-emphasis-style-property-020-ref.htm
text-emphasis-style-property-020a.htm == reference/text-emphasis-style-property-020-ref.htm

View File

@@ -3,7 +3,7 @@ CSS Orientation Test
Overview
----
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
Getting Involved
@@ -15,7 +15,7 @@ Building
Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files.
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
@@ -23,17 +23,17 @@ The latest version of the font binaries is 1.005 (October 2015).
Requirements
----
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
Building the fonts
----
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
by executing *makeotf -h*.
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H

View File

@@ -0,0 +1,79 @@
#!/usr/bin/env python
# - * - coding: UTF-8 - * -
"""
This script generates tests text-emphasis-position-property-001 ~ 006
which cover all possible values of text-emphasis-position property with
all combination of three main writing modes and two orientations. Only
test files are generated by this script. It also outputs a list of all
tests it generated in the format of Mozilla reftest.list to the stdout.
"""
from __future__ import unicode_literals
import itertools
TEST_FILE = 'text-emphasis-position-property-{:03}{}.html'
REF_FILE = 'text-emphasis-position-property-{:03}-ref.html'
TEST_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis-position: {value}, {title}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
<meta name="assert" content="'text-emphasis-position: {value}' with 'writing-mode: {wm}' puts emphasis marks {position} the text.">
<link rel="match" href="text-emphasis-position-property-{index:03}-ref.html">
<p>Pass if the emphasis marks are {position} the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: {wm}; text-orientation: {orient}; text-emphasis-position: {value}">試験テスト</div>
'''
SUFFIXES = ['', 'a', 'b', 'c', 'd', 'e', 'f', 'g']
WRITING_MODES = ["horizontal-tb", "vertical-rl", "vertical-lr"]
POSITION_HORIZONTAL = ["over", "under"]
POSITION_VERTICAL = ["right", "left"]
REF_MAP_MIXED = { "over": 1, "under": 2, "right": 3, "left": 4 }
REF_MAP_SIDEWAYS = { "right": 5, "left": 6 }
POSITION_TEXT = { "over": "over", "under": "under",
"right": "to the right of", "left": "to the left of" }
suffixes = [iter(SUFFIXES) for i in range(6)]
reftest_items = []
def write_file(filename, content):
with open(filename, 'wb') as f:
f.write(content.encode('UTF-8'))
def write_test_file(idx, suffix, wm, orient, value, position):
filename = TEST_FILE.format(idx, suffix)
write_file(filename, TEST_TEMPLATE.format(
value=value, wm=wm, orient=orient, index=idx, position=position,
title=(wm if orient == "mixed" else "{}, {}".format(wm, orient))))
reftest_items.append("== {} {}".format(filename, REF_FILE.format(idx)))
def write_test_files(wm, orient, pos1, pos2):
idx = (REF_MAP_MIXED if orient == "mixed" else REF_MAP_SIDEWAYS)[pos1]
position = POSITION_TEXT[pos1]
suffix = suffixes[idx - 1]
write_test_file(idx, next(suffix), wm, orient, pos1 + " " + pos2, position)
write_test_file(idx, next(suffix), wm, orient, pos2 + " " + pos1, position)
for wm in WRITING_MODES:
if wm == "horizontal-tb":
effective_pos = POSITION_HORIZONTAL
ineffective_pos = POSITION_VERTICAL
else:
effective_pos = POSITION_VERTICAL
ineffective_pos = POSITION_HORIZONTAL
for pos1, pos2 in itertools.product(effective_pos, ineffective_pos):
write_test_files(wm, "mixed", pos1, pos2)
if wm != "horizontal-tb":
write_test_files(wm, "sideways", pos1, pos2)
print("# START tests from {}".format(__file__))
reftest_items.sort()
for item in reftest_items:
print(item)
print("# END tests from {}".format(__file__))

View File

@@ -0,0 +1,69 @@
#!/usr/bin/env python
# - * - coding: UTF-8 - * -
"""
This script generates tests text-emphasis-ruby-001 ~ 004 which tests
emphasis marks with ruby in four directions. It outputs a list of all
tests it generated in the format of Mozilla reftest.list to the stdout.
"""
from __future__ import unicode_literals
TEST_FILE = 'text-emphasis-ruby-{:03}{}.html'
TEST_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis and ruby, {wm}, {pos}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property">
<meta name="assert" content="emphasis marks are drawn outside the ruby">
<link rel="match" href="reference/text-emphasis-ruby-{index:03}-ref.html">
<p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: {wm}; ruby-position: {ruby_pos}; text-emphasis-position: {posval}">ルビ<span style="text-emphasis: circle">と<ruby>圏<rt>けん</rt>点<rt>てん</rt></ruby>を</span>同時</div>
'''
REF_FILE = 'text-emphasis-ruby-{:03}-ref.html'
REF_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference: text-emphasis and ruby, {wm}, {pos}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style> rtc {{ font-variant-east-asian: inherit; }} </style>
<p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: {wm}; ruby-position: {posval}">ルビ<ruby>と<rtc>&#x25CF;</rtc>圏<rt>けん</rt><rtc>&#x25CF;</rtc>点<rt>てん</rt><rtc>&#x25CF;</rtc>を<rtc>&#x25CF;</rtc></ruby>同時</div>
'''
TEST_CASES = [
('top', 'horizontal-tb', 'over', [
('horizontal-tb', 'over right')]),
('bottom', 'horizontal-tb', 'under', [
('horizontal-tb', 'under right')]),
('right', 'vertical-rl', 'over', [
('vertical-rl', 'over right'),
('vertical-lr', 'over right')]),
('left', 'vertical-rl', 'under', [
('vertical-rl', 'over left'),
('vertical-lr', 'over left')]),
]
SUFFIXES = ['', 'a']
def write_file(filename, content):
with open(filename, 'wb') as f:
f.write(content.encode('UTF-8'))
print("# START tests from {}".format(__file__))
idx = 0
for pos, ref_wm, ruby_pos, subtests in TEST_CASES:
idx += 1
ref_file = REF_FILE.format(idx)
ref_content = REF_TEMPLATE.format(pos=pos, wm=ref_wm, posval=ruby_pos)
write_file(ref_file, ref_content)
suffix = iter(SUFFIXES)
for wm, posval in subtests:
test_file = TEST_FILE.format(idx, next(suffix))
test_content = TEST_TEMPLATE.format(
wm=wm, pos=pos, index=idx, ruby_pos=ruby_pos, posval=posval)
write_file(test_file, test_content)
print("== {} {}".format(test_file, ref_file))
print("# END tests from {}".format(__file__))

View File

@@ -0,0 +1,81 @@
#!/usr/bin/env bash
# This script generates tests text-emphasis-style-property-010* except
# 010Cn. The tests generated cover all characters listed in the unicode
# data file which should not have emphasis mark specified in the spec.
# This script downloads UnicodeData.txt from the website of the Unicode
# Consortium and extract the characters form that file. It requires
# python (either 2.5+ or 3.x), awk, and wget to work. Only test files
# are generated by this script. It also outputs a list of all tests it
# generated in the format of Mozilla reftest.list to the stdout. Other
# information has been redirected to the stderr.
UNICODE_DATA_FILE='UnicodeData.txt'
UNICODE_DATA_URL="http://www.unicode.org/Public/8.0.0/ucd/$UNICODE_DATA_FILE"
UNICODE_DATA_DIGEST='38b17e1118206489a7e0ab5d29d7932212d38838df7d3ec025ecb58e8798ec20'
TEST_FILE='text-emphasis-style-property-010%s.html'
REF_FILE='text-emphasis-style-property-010-ref.html'
digest_file() {
python -c "import hashlib;
print(hashlib.sha256(open('$1', 'rb').read()).hexdigest())"
}
check_file() {
[[ -f "$UNICODE_DATA_FILE" ]] || return 1
digest=`digest_file "$UNICODE_DATA_FILE"`
[[ "$digest" == "$UNICODE_DATA_DIGEST" ]] || return 2
}
download_data() {
check_file
if [[ $? -eq 2 ]]; then
echo "Removing incorrect data file..." >&2
rm "$UNICODE_DATA_FILE"
fi
wget -nc -O"$UNICODE_DATA_FILE" "$UNICODE_DATA_URL" >&2
check_file
if [[ $? -ne 0 ]]; then
echo "Failed to get the correct unicode data file!" >&2
exit 1
fi
}
list_codepoints() {
awk -F';' "\$3 == \"$1\" { print \" 0x\"\$1\",\" }" "$UNICODE_DATA_FILE"
}
write_test_file() {
filename=`printf "$TEST_FILE" $1`
echo "== $filename $REF_FILE"
cat <<EOF > $filename
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis, $1</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-style-property">
<meta name="assert" content="Emphasis marks should not be rendered for characters in general category $1">
<link rel="match" href="text-emphasis-style-property-010-ref.html">
<p>Pass if there is nothing rendered below:</p>
<div style="color: white; white-space: pre-wrap; text-emphasis: filled circle red">
<script>
var codepoints = [
`list_codepoints "$1"`
];
document.write(codepoints.map(function (code) {
return String.fromCodePoint(code);
}).join(' '));
</script>
</div>
EOF
}
download_data
echo "# START tests from $0"
for c in Zs Zl Zp Cc Cf; do
write_test_file "$c"
done
echo "# END tests from $0"

View File

@@ -0,0 +1,85 @@
#!/usr/bin/env python
# - * - coding: UTF-8 - * -
"""
This script generates tests text-emphasis-style-property-011 ~ 020 which
cover all possible values of text-emphasis-style property, except none
and <string>, with horizontal writing mode. It outputs a list of all
tests it generated in the format of Mozilla reftest.list to the stdout.
"""
from __future__ import unicode_literals
TEST_FILE = 'text-emphasis-style-property-{:03}{}.html'
TEST_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: text-emphasis-style: {title}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-style-property">
<meta name="assert" content="'text-emphasis-style: {value}' produces {code} as emphasis marks.">
<link rel="match" href="text-emphasis-style-property-{index:03}-ref.html">
<p>Pass if there is a '{char}' above every character below:</p>
<div style="line-height: 5; text-emphasis-style: {value}">試験テスト</div>
'''
REF_FILE = 'text-emphasis-style-property-{:03}-ref.html'
REF_TEMPLATE = '''<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference: text-emphasis-style: {0}</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style> rt {{ font-variant-east-asian: inherit; }} </style>
<p>Pass if there is a '{1}' above every character below:</p>
<div style="line-height: 5;"><ruby>試<rt>{1}</rt>験<rt>{1}</rt>テ<rt>{1}</rt>ス<rt>{1}</rt>ト<rt>{1}</rt></ruby></div>
'''
DATA_SET = [
('dot', 0x2022, 0x25e6),
('circle', 0x25cf, 0x25cb),
('double-circle', 0x25c9, 0x25ce),
('triangle', 0x25b2, 0x25b3),
('sesame', 0xfe45, 0xfe46),
]
SUFFIXES = ['', 'a', 'b', 'c', 'd', 'e']
def get_html_entity(code):
return '&#x{:04X};'.format(code)
def write_file(filename, content):
with open(filename, 'wb') as f:
f.write(content.encode('UTF-8'))
def write_test_file(idx, suffix, style, code, name=None):
if not name:
name = style
filename = TEST_FILE.format(idx, suffix)
write_file(filename, TEST_TEMPLATE.format(index=idx, value=style,
char=get_html_entity(code),
code='U+{:04X}'.format(code),
title=name))
print("== {} {}".format(filename, REF_FILE.format(idx)))
idx = 10
def write_files(style, code):
global idx
idx += 1
fill, shape = style
basic_style = "{} {}".format(fill, shape)
write_file(REF_FILE.format(idx),
REF_TEMPLATE.format(basic_style, get_html_entity(code)))
suffix = iter(SUFFIXES)
write_test_file(idx, next(suffix), basic_style, code)
write_test_file(idx, next(suffix), "{} {}".format(shape, fill), code)
if fill == 'filled':
write_test_file(idx, next(suffix), shape, code)
if shape == 'circle':
write_test_file(idx, next(suffix), fill, code, fill + ', horizontal')
print("# START tests from {}".format(__file__))
for name, code, _ in DATA_SET:
write_files(('filled', name), code)
for name, _, code in DATA_SET:
write_files(('open', name), code)
print("# END tests from {}".format(__file__))

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<title>CSS Text Decoration Test: text-decoration-line - none</title>
<!-- none -->
@@ -8,7 +8,7 @@
<link rel="match" href="reference/text-decoration-line-010-ref.htm">
<meta http-equiv="content-language" content="en, ja">
<meta name="flags" content="font">
<meta name="assert" content="This test checks that 'text-decoration-line: none' does not produce any text decoration.">
<meta name="assert" content="This test checks that 'text-decoration-line: none' does not produce any text decoration.">
<style type="text/css">
@font-face
{
@@ -19,18 +19,18 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
#test
#test
{
text-decoration-line: none; // The property to be tested
}
#control
#control
{
text-decoration: none;
}

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<title>CSS Text Decoration Test: text-decoration-line - underline</title>
<!-- underline -->
@@ -8,7 +8,7 @@
<link rel="match" href="reference/text-decoration-line-011-ref.htm">
<meta http-equiv="content-language" content="en, ja">
<meta name="flags" content="font">
<meta name="assert" content="This test checks that 'text-decoration-line: underline' produces an horizontal line under the text (underlined).">
<meta name="assert" content="This test checks that 'text-decoration-line: underline' produces an horizontal line under the text (underlined).">
<style type="text/css">
@font-face
{
@@ -19,20 +19,20 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
#test
#test
{
text-decoration-line: underline; // The property to be tested
}
#control
#control
{
text-decoration: underline;
text-decoration: underline;
}
</style>
</head>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<title>CSS Text Decoration Test: text-decoration-line - overline</title>
<!-- overline -->
@@ -8,7 +8,7 @@
<link rel="match" href="reference/text-decoration-line-012-ref.htm">
<meta http-equiv="content-language" content="en, ja">
<meta name="flags" content="font">
<meta name="assert" content="This test checks that 'text-decoration-line: overline' produces an horizontal line over the text.">
<meta name="assert" content="This test checks that 'text-decoration-line: overline' produces an horizontal line over the text.">
<style type="text/css">
@font-face
{
@@ -19,20 +19,20 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
#test
#test
{
text-decoration-line: overline; // The property to be tested
}
#control
#control
{
text-decoration: overline;
text-decoration: overline;
}
</style>
</head>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<title>CSS Text Decoration Test: text-decoration-line - line-through</title>
<!-- line-through -->
@@ -8,7 +8,7 @@
<link rel="match" href="reference/text-decoration-line-013-ref.htm">
<meta http-equiv="content-language" content="en, ja">
<meta name="flags" content="font">
<meta name="assert" content="This test checks that 'text-decoration-line: line-through' produces an horizontal line through the middle of the text.">
<meta name="assert" content="This test checks that 'text-decoration-line: line-through' produces an horizontal line through the middle of the text.">
<style type="text/css">
@font-face
{
@@ -19,20 +19,20 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
#test
#test
{
text-decoration-line: line-through; // The property to be tested
}
#control
#control
{
text-decoration: line-through;
text-decoration: line-through;
}
</style>
</head>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<title>CSS Text Decoration Test: text-decoration-line - blink</title>
<!-- blink -->
@@ -7,7 +7,7 @@
<link rel="help" title="2.1. Text Decoration Lines: thetext-decoration-lineproperty" href="http://www.w3.org/TR/css-text-decor-3/#text-decoration-line-property">
<meta http-equiv="content-language" content="en, ja">
<meta name="flags" content="animated font may">
<meta name="assert" content="This test checks that 'text-decoration-line: blink' blinks (alternates between visible and invisible).">
<meta name="assert" content="This test checks that 'text-decoration-line: blink' blinks (alternates between visible and invisible).">
<style type="text/css">
@font-face
{
@@ -18,20 +18,20 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
div
div
{
font-family: "mplus-1p-regular";
//font-size: 1.5em;
font-size: 1.0em;
line-height: 1.5;
}
#test
#test
{
text-decoration-line: blink; // The property to be tested
}
#control
#control
{
text-decoration: blink;
text-decoration: blink;
}
</style>
</head>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-color: untouched</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property" rel="help">
<meta content="The color of emphasis marks should be the same as the text by default" name="assert">
<link href="reference/text-emphasis-color-property-001-ref.htm" rel="match">
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5; text-emphasis-style: filled circle; color: green">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-color: initial</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property" rel="help">
<meta content="The color of emphasis marks should be the same as the text for initial value" name="assert">
<link href="reference/text-emphasis-color-property-001-ref.htm" rel="match">
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5; text-emphasis-style: filled circle; text-emphasis-color: initial; color: green">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-color: initial from text-emphasis</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property" rel="help">
<meta content="The color of emphasis marks should be the same as the text by default" name="assert">
<link href="reference/text-emphasis-color-property-001-ref.htm" rel="match">
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5; text-emphasis: filled circle; color: green">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-color: green</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property" rel="help">
<meta content="Emphasis marks should be rendered with color specified by text-emphasis-color." name="assert">
<link href="reference/text-emphasis-color-property-002-ref.htm" rel="match">
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5; text-emphasis-style: filled circle; text-emphasis-color: green">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over right, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over right' with 'writing-mode: horizontal-tb' puts emphasis marks over the text." name="assert">
<link href="reference/text-emphasis-position-property-001-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are over the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: over right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right over, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right over' with 'writing-mode: horizontal-tb' puts emphasis marks over the text." name="assert">
<link href="reference/text-emphasis-position-property-001-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are over the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: right over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over left, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over left' with 'writing-mode: horizontal-tb' puts emphasis marks over the text." name="assert">
<link href="reference/text-emphasis-position-property-001-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are over the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: over left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left over, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left over' with 'writing-mode: horizontal-tb' puts emphasis marks over the text." name="assert">
<link href="reference/text-emphasis-position-property-001-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are over the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: left over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under right, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under right' with 'writing-mode: horizontal-tb' puts emphasis marks under the text." name="assert">
<link href="reference/text-emphasis-position-property-002-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are under the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: under right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right under, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right under' with 'writing-mode: horizontal-tb' puts emphasis marks under the text." name="assert">
<link href="reference/text-emphasis-position-property-002-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are under the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: right under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under left, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under left' with 'writing-mode: horizontal-tb' puts emphasis marks under the text." name="assert">
<link href="reference/text-emphasis-position-property-002-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are under the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: under left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left under, horizontal-tb</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left under' with 'writing-mode: horizontal-tb' puts emphasis marks under the text." name="assert">
<link href="reference/text-emphasis-position-property-002-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are under the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: horizontal-tb; text-orientation: mixed; text-emphasis-position: left under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right over, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right over' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: right over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over right, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over right' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: over right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right under, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right under' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: right under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under right, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under right' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: under right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right over, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right over' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: right over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over right, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over right' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: over right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right under, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right under' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: right under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under right, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under right' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: under right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left over, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left over' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: left over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over left, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over left' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: over left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left under, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left under' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: left under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under left, vertical-rl</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under left' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: mixed; text-emphasis-position: under left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left over, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left over' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: left over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over left, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over left' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: over left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left under, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left under' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: left under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under left, vertical-lr</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under left' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: mixed; text-emphasis-position: under left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right over, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right over' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: right over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over right, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over right' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: over right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right under, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right under' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: right under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under right, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under right' with 'writing-mode: vertical-rl' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: under right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right over, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right over' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: right over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over right, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over right' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: over right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: right under, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: right under' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: right under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under right, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under right' with 'writing-mode: vertical-lr' puts emphasis marks to the right of the text." name="assert">
<link href="reference/text-emphasis-position-property-005-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the right of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: under right">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left over, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left over' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: left over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over left, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over left' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: over left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left under, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left under' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: left under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under left, vertical-rl, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under left' with 'writing-mode: vertical-rl' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-rl; text-orientation: sideways; text-emphasis-position: under left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left over, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left over' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: left over">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: over left, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: over left' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: over left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: left under, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: left under' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: left under">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis-position: under left, vertical-lr, sideways</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="'text-emphasis-position: under left' with 'writing-mode: vertical-lr' puts emphasis marks to the left of the text." name="assert">
<link href="reference/text-emphasis-position-property-006-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are to the left of the text below:</p>
<div style="line-height: 5; text-emphasis: circle; writing-mode: vertical-lr; text-orientation: sideways; text-emphasis-position: under left">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis: none</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property" rel="help">
<meta content="text-emphasis: none does not produce any emphasis marks." name="assert">
<link href="reference/text-emphasis-style-property-001-ref.htm" rel="match">
</head><body><p>Pass if there is NO emphasis marks above the text below:</p>
<div style="line-height: 5; text-emphasis: none">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis: string</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property" rel="help">
<meta content="'text-emphasis: string' uses the given string as emphasis marks" name="assert">
<link href="reference/text-emphasis-style-property-002-ref.htm" rel="match">
</head><body><p>Pass if there is a '^' above every character below:</p>
<div style="line-height: 5; text-emphasis: '^'">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis: circle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property" rel="help">
<meta content="'text-emphasis: circle' produces U+25CF as emphasis marks." name="assert">
<link href="reference/text-emphasis-style-property-012-ref.htm" rel="match">
</head><body><p>Pass if there is a '●' above every character below:</p>
<div style="line-height: 5; text-emphasis: circle">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis: filled</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property" rel="help">
<meta content="'text-emphasis: filled' produces U+25CF as emphasis marks." name="assert">
<link href="reference/text-emphasis-style-property-012-ref.htm" rel="match">
</head><body><p>Pass if there is a '●' above every character below:</p>
<div style="line-height: 5; text-emphasis: filled">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis: filled circle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property" rel="help">
<meta content="'text-emphasis: filled circle' produces U+25CF as emphasis marks." name="assert">
<link href="reference/text-emphasis-style-property-012-ref.htm" rel="match">
</head><body><p>Pass if there is a '●' above every character below:</p>
<div style="line-height: 5; text-emphasis: filled circle">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis: circle green</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property" rel="help">
<meta content="Emphasis marks should be rendered with color specified by text-emphasis." name="assert">
<link href="reference/text-emphasis-color-property-002-ref.htm" rel="match">
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5; text-emphasis: circle green">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis: green circle</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-property" rel="help">
<meta content="Emphasis marks should be rendered with color specified by text-emphasis." name="assert">
<link href="reference/text-emphasis-color-property-002-ref.htm" rel="match">
</head><body><p>Pass if there is a <strong>green</strong> '●' above every character below:</p>
<div style="line-height: 5; text-emphasis: green circle">試験テスト</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis and ruby, horizontal-tb, top</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="emphasis marks are drawn outside the ruby" name="assert">
<link href="reference/text-emphasis-ruby-001-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: horizontal-tb; ruby-position: over; text-emphasis-position: over right">ルビ<span style="text-emphasis: circle"><ruby><rt>けん</rt><rt>てん</rt></ruby></span>同時</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis and ruby, horizontal-tb, bottom</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="emphasis marks are drawn outside the ruby" name="assert">
<link href="reference/text-emphasis-ruby-002-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: horizontal-tb; ruby-position: under; text-emphasis-position: under right">ルビ<span style="text-emphasis: circle"><ruby><rt>けん</rt><rt>てん</rt></ruby></span>同時</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis and ruby, vertical-rl, right</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="emphasis marks are drawn outside the ruby" name="assert">
<link href="reference/text-emphasis-ruby-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: vertical-rl; ruby-position: over; text-emphasis-position: over right">ルビ<span style="text-emphasis: circle"><ruby><rt>けん</rt><rt>てん</rt></ruby></span>同時</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis and ruby, vertical-lr, right</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="emphasis marks are drawn outside the ruby" name="assert">
<link href="reference/text-emphasis-ruby-003-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: vertical-lr; ruby-position: over; text-emphasis-position: over right">ルビ<span style="text-emphasis: circle"><ruby><rt>けん</rt><rt>てん</rt></ruby></span>同時</div>
</body></html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: text-emphasis and ruby, vertical-rl, left</title>
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
<link href="https://www.mozilla.org" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" rel="help">
<meta content="emphasis marks are drawn outside the ruby" name="assert">
<link href="reference/text-emphasis-ruby-004-ref.htm" rel="match">
</head><body><p>Pass if the emphasis marks are outside the ruby:</p>
<div style="line-height: 5; writing-mode: vertical-rl; ruby-position: under; text-emphasis-position: over left">ルビ<span style="text-emphasis: circle"><ruby><rt>けん</rt><rt>てん</rt></ruby></span>同時</div>
</body></html>

Some files were not shown because too many files have changed in this diff Show More