diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/text-underline-position-right-002.xht')
| -rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/text-underline-position-right-002.xht | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/text-underline-position-right-002.xht b/testing/web-platform/tests/css/css-writing-modes/text-underline-position-right-002.xht new file mode 100644 index 0000000000..343f1453e7 --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/text-underline-position-right-002.xht @@ -0,0 +1,61 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Text Decoration Test: text-underline-position - right in vertical writing mode</title> + <link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp" /> + <link rel="help" title="2.6. Text Underline Position" href="http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="This tests checks that there is underline to the right of the text in vertical writing mode." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + + div + { + writing-mode: vertical-rl; + + } + + span#ahem_text + { + position: absolute; + left: 0; + border: 1px dashed silver; + + font-family: ahem; + font-size: 6.25em; /* equivalent to 100px */ + line-height: 1.0; + color: orange; + } + + span#sample_text_underline + { + position: absolute; + left: 0; + color:blue; + + text-decoration: underline; + text-underline-position: right; + } + + span#sample_text + { + color: silver; + font-size: 6.25em; /* equivalent to 100px */ + line-height: 1.0; + } + + + ]]></style> + </head> + <body> + <p>Test passes if there is a blue vertical line on the right side of the orange region.</p> + + <div> + <span id="ahem_text">ÉÉÉ</span> + <span id="sample_text_underline"> + <span id="sample_text">sample</span> + </span> + </div> + + </body> +</html> |