mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
36 lines
No EOL
1.7 KiB
HTML
36 lines
No EOL
1.7 KiB
HTML
<!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 Text Test: Word Spacing</title>
|
|
<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" />
|
|
<link href="http://www.w3.org/TR/css-text-3/#word-spacing" rel="help" />
|
|
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
|
<link href="reference/text-word-spacing-ref.xht" rel="match" />
|
|
<meta content="ahem" name="flags" />
|
|
<meta content="Test checks that word-spacing works with percentages." name="assert" />
|
|
<style>
|
|
@font-face {
|
|
font-family: Ahem;
|
|
src: url(support/Ahem.ttf);
|
|
}
|
|
/* We use Ahem to avoid very minor differences between the test and the
|
|
reference that occur with certain font+platform combinations. */
|
|
div { font-family: Ahem; font-size: 20px; }
|
|
div.wsn100 { word-spacing: -100%; }
|
|
div.wsn40 { word-spacing: -40%; }
|
|
div.ws0 { word-spacing: 0%; }
|
|
div.ws25 { word-spacing: calc(25% + 0px); }
|
|
div.ws100 { word-spacing: 100%; }
|
|
div.ws300 { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); }
|
|
div.ws400p1 { word-spacing: calc(400% + 1em); }
|
|
</style>
|
|
</head><body>
|
|
<p>Test passes if the space between the words starts at zero and increases by
|
|
one on each subsequent line.</p>
|
|
<div class="wsn100">A Bc Def Ghij</div>
|
|
<div class="ws0">A Bc Def Ghij</div>
|
|
<div class="ws100">A Bc Def Ghij</div>
|
|
<div class="wsn40">A     Bc     Def     Ghij</div>
|
|
<div class="ws300">A Bc Def Ghij</div>
|
|
<div class="ws25">A    Bc    Def    Ghij</div>
|
|
<div class="ws400p1">A Bc Def Ghij</div>
|
|
|
|
</body></html> |