third_party/WebKit/LayoutTests/css1/text_properties/word_spacing.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
   2 <HTML>
   3 <HEAD>
   4 <TITLE>CSS1 Test Suite: 5.4.1 word-spacing</TITLE>
   5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6 <META http-equiv="Content-Style-Type" content="text/css">
   7
   8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
   9 <STYLE type="text/css">
  10 .one {word-spacing: 0.3in;}
  11 .two {word-spacing: 0.5cm;}
  12 .three {word-spacing: 5mm;}
  13 .four {word-spacing: 3pt;}
  14 .five {word-spacing: 0.25pc;}
  15 .six {word-spacing: 1em;}
  16 .seven {word-spacing: 1ex;}
  17 .eight {word-spacing: 5px;}
  18 .nine {word-spacing: normal;}
  19 .ten {word-spacing: 300%;}
  20 .eleven {word-spacing: -0.2em;}
  21 </STYLE>
  22
  23 </HEAD>
  24
  25 <BODY><P>The style declarations which apply to the text below are:</P>
  26 <PRE>.one {word-spacing: 0.3in;}
  27 .two {word-spacing: 0.5cm;}
  28 .three {word-spacing: 5mm;}
  29 .four {word-spacing: 3pt;}
  30 .five {word-spacing: 0.25pc;}
  31 .six {word-spacing: 1em;}
  32 .seven {word-spacing: 1ex;}
  33 .eight {word-spacing: 5px;}
  34 .nine {word-spacing: normal;}
  35 .ten {word-spacing: 300%;}
  36 .eleven {word-spacing: -0.2em;}
  37
  38 </PRE>
  39 <HR>
  40 <P class="one">
  41 This words in this sentence should have extra space between them.
  42 </P>
  43 <P class="two">
  44 This words in this sentence should have extra space between them.
  45 </P>
  46 <P class="three">
  47 This words in this sentence should have extra space between them.
  48 </P>
  49 <P class="four">
  50 This words in this sentence should have extra space between them.
  51 </P>
  52 <P class="five">
  53 This words in this sentence should have extra space between them.
  54 </P>
  55 <P class="six">
  56 This words in this sentence should have extra space between them.
  57 </P>
  58 <P class="seven">
  59 This words in this sentence should have extra space between them.
  60 </P>
  61 <P class="eight">
  62 This words in this sentence should have extra space between them, but the last few words in the sentence <SPAN class="nine">should have normal spacing</SPAN>.
  63 </P>
  64 <P class="ten">
  65 This sentence should have normal word-spacing, since percentage values are not allowed on this property.
  66 </P>
  67 <P class="eleven">
  68 This words in this sentence should have reduced space between them, since negative values are allowed on this property.
  69 </P>
  70
  71
  72 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  73 <TR>
  74 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  75 </TR>
  76 <TR>
  77 <TD bgcolor="silver">&nbsp;</TD>
  78 <TD><P class="one">
  79 This words in this sentence should have extra space between them.
  80 </P>
  81 <P class="two">
  82 This words in this sentence should have extra space between them.
  83 </P>
  84 <P class="three">
  85 This words in this sentence should have extra space between them.
  86 </P>
  87 <P class="four">
  88 This words in this sentence should have extra space between them.
  89 </P>
  90 <P class="five">
  91 This words in this sentence should have extra space between them.
  92 </P>
  93 <P class="six">
  94 This words in this sentence should have extra space between them.
  95 </P>
  96 <P class="seven">
  97 This words in this sentence should have extra space between them.
  98 </P>
  99 <P class="eight">
 100 This words in this sentence should have extra space between them, but the last few words in the sentence <SPAN class="nine">should have normal spacing</SPAN>.
 101 </P>
 102 <P class="ten">
 103 This sentence should have normal word-spacing, since percentage values are not allowed on this property.
 104 </P>
 105 <P class="eleven">
 106 This words in this sentence should have reduced space between them, since negative values are allowed on this property.
 107 </P>
 108 </TD></TR></TABLE></BODY>
 109 </HTML>