third_party/WebKit/LayoutTests/css1/text_properties/letter_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.2 letter-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 {letter-spacing: 0.3in;}
  11 .two {letter-spacing: 0.5cm;}
  12 .three {letter-spacing: 5mm;}
  13 .four {letter-spacing: 3pt;}
  14 .five {letter-spacing: 0.25pc;}
  15 .six {letter-spacing: 1em;}
  16 .seven {letter-spacing: 1ex;}
  17 .eight {letter-spacing: 5px;}
  18 .nine {letter-spacing: normal;}
  19 .ten {letter-spacing: 300%;}
  20 .eleven {letter-spacing: -0.1em;}</STYLE>
  21
  22 </HEAD>
  23
  24 <BODY><P>The style declarations which apply to the text below are:</P>
  25 <PRE>.one {letter-spacing: 0.3in;}
  26 .two {letter-spacing: 0.5cm;}
  27 .three {letter-spacing: 5mm;}
  28 .four {letter-spacing: 3pt;}
  29 .five {letter-spacing: 0.25pc;}
  30 .six {letter-spacing: 1em;}
  31 .seven {letter-spacing: 1ex;}
  32 .eight {letter-spacing: 5px;}
  33 .nine {letter-spacing: normal;}
  34 .ten {letter-spacing: 300%;}
  35 .eleven {letter-spacing: -0.1em;}
  36 </PRE>
  37 <HR>
  38 <P class="one">
  39 This letters in this sentence should have extra space between them.
  40 </P>
  41 <P class="two">
  42 This letters in this sentence should have extra space between them.
  43 </P>
  44 <P class="three">
  45 This letters in this sentence should have extra space between them.
  46 </P>
  47 <P class="four">
  48 This letters in this sentence should have extra space between them.
  49 </P>
  50 <P class="five">
  51 This letters in this sentence should have extra space between them.
  52 </P>
  53 <P class="six">
  54 This letters in this sentence should have extra space between them.
  55 </P>
  56 <P class="seven">
  57 This letters in this sentence should have extra space between them.
  58 </P>
  59 <P class="eight">
  60 This letters in this sentence should have extra space between them, but the last few words in the sentence <SPAN class="nine">should show normal spacing</SPAN>.
  61 </P>
  62 <P class="ten">
  63 This letters in this sentence should have normal space between them, since percentage values are not allowed on this property.
  64 </P>
  65 <P class="eleven">
  66 This letters in this sentence should have reduced space between them, since negative values are allowed on this property.
  67 </P>
  68
  69
  70 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  71 <TR>
  72 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  73 </TR>
  74 <TR>
  75 <TD bgcolor="silver">&nbsp;</TD>
  76 <TD><P class="one">
  77 This letters in this sentence should have extra space between them.
  78 </P>
  79 <P class="two">
  80 This letters in this sentence should have extra space between them.
  81 </P>
  82 <P class="three">
  83 This letters in this sentence should have extra space between them.
  84 </P>
  85 <P class="four">
  86 This letters in this sentence should have extra space between them.
  87 </P>
  88 <P class="five">
  89 This letters in this sentence should have extra space between them.
  90 </P>
  91 <P class="six">
  92 This letters in this sentence should have extra space between them.
  93 </P>
  94 <P class="seven">
  95 This letters in this sentence should have extra space between them.
  96 </P>
  97 <P class="eight">
  98 This letters in this sentence should have extra space between them, but the last few words in the sentence <SPAN class="nine">should show normal spacing</SPAN>.
  99 </P>
 100 <P class="ten">
 101 This letters in this sentence should have normal space between them, since percentage values are not allowed on this property.
 102 </P>
 103 <P class="eleven">
 104 This letters in this sentence should have reduced space between them, since negative values are allowed on this property.
 105 </P>
 106 </TD></TR></TABLE></BODY>
 107 </HTML>