Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions

View file

@ -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 &#1604;&#1610;&#1589;</span> &#1575;&#1601;&#1578;</a></p>
</body>
</html>

View file

@ -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>&#x301;</span></div>
</body>
</html>

View file

@ -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>&#x09;</div>
<div>&#x0A;</div>
<div>&#x0D;</div>
<div>&#x7F;</div>
<!-- C1 Control Characters -->
<div>&#x80;</div>
<div>&#x81;</div>
<div>&#x82;</div>
<div>&#x83;</div>
<div>&#x84;</div>
<div>&#x85;</div>
<div>&#x86;</div>
<div>&#x87;</div>
<div>&#x88;</div>
<div>&#x89;</div>
<div>&#x8A;</div>
<div>&#x8B;</div>
<div>&#x8C;</div>
<div>&#x8D;</div>
<div>&#x8E;</div>
<div>&#x8F;</div>
<div>&#x90;</div>
<div>&#x91;</div>
<div>&#x92;</div>
<div>&#x93;</div>
<div>&#x94;</div>
<div>&#x95;</div>
<div>&#x96;</div>
<div>&#x97;</div>
<div>&#x98;</div>
<div>&#x99;</div>
<div>&#x9A;</div>
<div>&#x9B;</div>
<div>&#x9C;</div>
<div>&#x9D;</div>
<div>&#x9E;</div>
<div>&#x9F;</div>
</body>
</html>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

View file

@ -0,0 +1 @@
.a { color: green; }

View file

@ -0,0 +1 @@
.b { color: green; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 B

View file

@ -0,0 +1 @@
.c { color: red; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 715 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 B

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