61 lines
1.6 KiB
HTML
61 lines
1.6 KiB
HTML
<?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>
|