Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: text-decoration: none and bidi reordering</title>
|
||||
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="Underline should span the entire line and not
|
||||
be affected by bidi reordering or no text-decoration on children"/>
|
||||
<style type="text/css"><![CDATA[
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
span {
|
||||
text-decoration: none;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
There should be an unbroken underline under the entire line:
|
||||
</p>
|
||||
<p><a href="#">abc <span>def ليص</span> افت</a></p>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Combining characters and styling</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#ctrlchars" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The combined characters are styled as one character." />
|
||||
<style type="text/css">
|
||||
div:first-letter
|
||||
{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the character below is an uppercase 'o' with an accent above it.</p>
|
||||
<div>o<span>́</span></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Control Characters</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Handling and processing of control characters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 1px solid black;
|
||||
height: 1.2em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only a single character in each box below or the box is empty.</p>
|
||||
<!-- C0 Control Characters -->
|
||||
<div>	</div>
|
||||
<div>
</div>
|
||||
<div>
</div>
|
||||
<div></div>
|
||||
<!-- C1 Control Characters -->
|
||||
<div>€</div>
|
||||
<div></div>
|
||||
<div>‚</div>
|
||||
<div>ƒ</div>
|
||||
<div>„</div>
|
||||
<div>…</div>
|
||||
<div>†</div>
|
||||
<div>‡</div>
|
||||
<div>ˆ</div>
|
||||
<div>‰</div>
|
||||
<div>Š</div>
|
||||
<div>‹</div>
|
||||
<div>Œ</div>
|
||||
<div></div>
|
||||
<div>Ž</div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div>‘</div>
|
||||
<div>’</div>
|
||||
<div>“</div>
|
||||
<div>”</div>
|
||||
<div>•</div>
|
||||
<div>–</div>
|
||||
<div>—</div>
|
||||
<div>˜</div>
|
||||
<div>™</div>
|
||||
<div>š</div>
|
||||
<div>›</div>
|
||||
<div>œ</div>
|
||||
<div></div>
|
||||
<div>ž</div>
|
||||
<div>Ÿ</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,16 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<style type="text/css"><![CDATA[
|
||||
div {
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>xx</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using pixels with a negative zero value, -0px</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using pixels with a zero value, 0px</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using pixels with a positive zero value, +0px</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using pixels with a nominal value, 96px</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 96px;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 96px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using pixels with a nominal value with a plus sign, +96px</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in pixels with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 96px;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: +96px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using points with a negative zero value, -0pt</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0pt;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using points with a zero value, 0pt</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0pt;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using points with a positive zero value, +0pt</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0pt;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using points with a nominal value, 72pt</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 12pt/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 72pt;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 72pt;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using points with a nominal value with a plus sign, +72pt</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in points with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 12pt/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 72pt;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: +72pt;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using picas with a negative zero value, -0pc</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0pc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using picas with a zero value, 0pc</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0pc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using picas with a positive zero value, +0pc</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0pc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using picas with a nominal value, 6pc</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 3pc/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 6pc;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 6pc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using picas with a nominal value with a plus sign, +6pc</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in picas with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 3pc/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 6pc;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: +6pc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using centimeters with a negative zero value, -0cm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0cm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using centimeters with a zero value, 0cm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0cm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using centimeters with a positive zero value, +0cm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0cm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using centimeters with a nominal value, 2.54cm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 1cm/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 2.54cm;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 2.54cm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using centimeters with a nominal value with a plus sign, +2.54cm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in centimeters with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 1cm/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 2.54cm;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: +2.54cm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using millimeters with a negative zero value, -0mm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in millimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0mm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using millimeters with a zero value, 0mm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in millimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0mm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using millimeters with a positive zero value, +0mm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in millimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0mm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using millimeters with a nominal value, 25.4mm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in millimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 25.4mm/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 25.4mm;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 25.4mm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using millimeters with a nominal value with a plus sign, +25.4mm</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in millimeters with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 25.4mm/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 25.4mm;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: +25.4mm;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using inches with a negative zero value, -0in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in inches." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using inches with a zero value, 0in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in inches." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using inches with a positive zero value, +0in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in inches." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using inches with a nominal value, 1in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in inches." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 2in/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using inches with a nominal value with a plus sign, +1in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in inches with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 2in/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: +1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'em' units with a negative zero value, -0em</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in 'em' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'em' units with a zero value, 0em</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in 'em' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'em' units with a positive zero value, +0em</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in 'em' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'em' units with a nominal value, 6em</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'em' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 6em;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 6em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'em' units with a nominal value with a plus sign, +6em</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'em' units with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 6em;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 6em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'ex' units with a negative zero value, -0ex</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in 'ex' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0ex;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'ex' units with a zero value, 0ex</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value in 'ex' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0ex;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'ex' units with a positive zero value, +0ex</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in 'ex' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0ex;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'ex' units with a nominal value, 12ex</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'ex' units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 12ex;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: 12ex;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing using 'ex' units with a nominal value with a plus sign, +12ex</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'ex' units with a plus sign." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 12ex;
|
||||
}
|
||||
#test
|
||||
{
|
||||
letter-spacing: +12ex;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="test">xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing sets a negative zero value with no units, -0</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a negative zero length value with no units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: -0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing sets a zero value with no units, 0</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a zero length value with no units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing sets a positive zero value with no units, +0</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property sets a positive zero length value with no units." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: +0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing set to 'normal'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="letter-spacing-004-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property set to 'normal' sets the typical spacing for letters based on the font." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 24px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
letter-spacing: normal;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is only one box below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing set to 'inherit'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' set to 'inherit' uses its parents' value for the spacing of letters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
margin-left: 1in;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
letter-spacing: 1in;
|
||||
}
|
||||
#div1 div
|
||||
{
|
||||
letter-spacing: 0;
|
||||
letter-spacing: inherit;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are only two boxes below (with no jagged edges).</p>
|
||||
<div>
|
||||
<div>
|
||||
<span>x</span><span id="span1">x</span>
|
||||
</div>
|
||||
<div id="div1">
|
||||
<div>xx</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<title>CSS Test: Dynamic letter-spacing changes</title>
|
||||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/letter-spacing/001.html" type="text/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="dom"/>
|
||||
<style type="text/css">
|
||||
#test, #control { color: blue; font-weight: bold; border: solid silver thick; }
|
||||
#control { letter-spacing: 7em; }
|
||||
</style>
|
||||
</head>
|
||||
<body onload="document.getElementById('alter').style.letterSpacing = '7em'">
|
||||
<p>The contents of the two silver boxes must be identical.</p>
|
||||
<p id="control">ab cd ef gh i j</p>
|
||||
<p id="test">
|
||||
<span id="alter"><span>ab cd ef gh i j</span></span>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: inline' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
display: inline;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div>
|
||||
<div id="div1">XXXXXX</div>
|
||||
<div id="div2"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: block' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: block' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
span
|
||||
{
|
||||
display: block;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div>
|
||||
<span>XXXXXX</span>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: list-item' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: list-item' elements." />
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 3em;
|
||||
}
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
display: list-item;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes above a blue box, the last black box ends where the blue box ends and there is a marker bullet on the left-hand side of the left most black box.</p>
|
||||
<div id="div1">XXXXXX</div>
|
||||
<div id="div2"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: inline-block' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline-block' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
display: inline-block;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="div1">XXXXXX</div>
|
||||
<div id="div2"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: table' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: inline-table' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline-table' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: inline-table;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-row-group' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-row-group' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#test
|
||||
{
|
||||
display: table-row-group;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="test">
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-header-group' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-header-group' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#test
|
||||
{
|
||||
display: table-header-group;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="test">
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-footer-group' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-footer-group' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#test
|
||||
{
|
||||
display: table-footer-group;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="test">
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-row' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-row' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-column-group' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property does not apply to 'display: table-column-group' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#test
|
||||
{
|
||||
display: table-column-group;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 6em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same width.</p>
|
||||
<div id="table">
|
||||
<div id="test"></div>
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-column' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property does not apply to 'display: table-column' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#test
|
||||
{
|
||||
display: table-column;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 6em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same width.</p>
|
||||
<div id="table">
|
||||
<div id="test"></div>
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-cell' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-cell' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="row">
|
||||
<div id="cell">XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing application on a 'display: table-caption' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-caption' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#caption
|
||||
{
|
||||
display: table-caption;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div id="table">
|
||||
<div id="caption">XXXXXX</div>
|
||||
<div id="row">
|
||||
<div id="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Letter-spacing and 'text-align: justify'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The letter-spacing is not changed when combined with 'text-align: justify'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
font-family: Ahem;
|
||||
letter-spacing: 1em;
|
||||
line-height: 1em;
|
||||
text-align: justify;
|
||||
width: 6em;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div>
|
||||
<div id="div1">XXXXXX XXXXXX</div>
|
||||
<div id="div2"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
top: 160px;
|
||||
width: 400px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a thick green bar and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Test: 'underline' decoration painting order and descender</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" title="E.2 Painting order" />
|
||||
<link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
|
||||
<link rel="match" href="painting-order-underline-001-ref.xht" />
|
||||
|
||||
<meta content="ahem" name="flags" />
|
||||
<meta content="This test checks that underlining painting is done before glyphs are painted; therefore, if the underlining crosses the descenders (glyphs like 'g', 'j', 'p', 'q', 'y' have a descender), then the descender part must overlap the underline." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
color: red;
|
||||
font: 12.5em/1 Ahem; /* computes to 200px/200px */
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
color: green;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a thick green bar and <strong>no red</strong>.</p>
|
||||
|
||||
<div><span>pp</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/1x1-green.png
Normal file
After Width: | Height: | Size: 135 B |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/1x1-lime.png
Normal file
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 109 B |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/1x1-navy.png
Normal file
After Width: | Height: | Size: 109 B |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/1x1-red.png
Normal file
After Width: | Height: | Size: 135 B |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/1x1-white.png
Normal file
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 224 B |
After Width: | Height: | Size: 218 B |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/60x60-red.png
Normal file
After Width: | Height: | Size: 217 B |
|
@ -0,0 +1 @@
|
|||
.a { color: green; }
|
|
@ -0,0 +1 @@
|
|||
.b { color: green; }
|
After Width: | Height: | Size: 168 B |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/blue15x15.png
Normal file
After Width: | Height: | Size: 185 B |
|
@ -0,0 +1 @@
|
|||
.c { color: red; }
|
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/cat.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/diamond.png
Normal file
After Width: | Height: | Size: 188 B |
After Width: | Height: | Size: 170 B |
After Width: | Height: | Size: 222 B |
After Width: | Height: | Size: 231 B |
After Width: | Height: | Size: 223 B |
After Width: | Height: | Size: 137 B |
BIN
tests/wpt/web-platform-tests/css/CSS2/text/support/ring.png
Normal file
After Width: | Height: | Size: 715 B |
After Width: | Height: | Size: 92 B |
After Width: | Height: | Size: 92 B |
After Width: | Height: | Size: 78 B |
After Width: | Height: | Size: 175 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 156 B |
After Width: | Height: | Size: 85 B |