third_party/WebKit/LayoutTests/css1/text_properties/text_transform.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.5 text-transform</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 .ttn {text-transform: none;}
  11 .cap {text-transform: capitalize;}
  12 .upp {text-transform: uppercase;}
  13 .low {text-transform: lowercase;}
  14 </STYLE>
  15
  16 </HEAD>
  17
  18 <BODY><P>The style declarations which apply to the text below are:</P>
  19 <PRE>.ttn {text-transform: none;}
  20 .cap {text-transform: capitalize;}
  21 .upp {text-transform: uppercase;}
  22 .low {text-transform: lowercase;}
  23
  24 </PRE>
  25 <HR>
  26 <P CLASS=ttn>This page tests the 'text-transform' property of CSS1.
  27 This paragraph has no text transformation and should appear normal.
  28 </P>
  29 <P CLASS=cap>This paragraph is capitalized and the first letter in each word should therefore appear in uppercase. Words that are in uppercase in the source (e.g. USA) should remain so. There should be a capital letter after a non-breaking&nbsp;space (&amp;nbsp;). Both those characters appear in the previous sentence.
  30 </P>
  31 <P>Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this sentence should have one, and only one, capital <SPAN CLASS=cap>le<SPAN>tt</SPAN>er</SPAN>.
  32 </P>
  33 <P CLASS=upp>This paragraph is uppercased and small characters in the source (e.g. a and &aring;) should therefore appear in uppercase.  In the last sentence, however, <SPAN class="ttn">the last eight words should not be uppercase</SPAN>.
  34 </P>
  35 <P CLASS=low>This paragraph is lowercased and capital characters in the source (e.g. A and &Aring;) should therefore appear in lowercase.
  36 </P>
  37
  38
  39 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  40 <TR>
  41 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  42 </TR>
  43 <TR>
  44 <TD bgcolor="silver">&nbsp;</TD>
  45 <TD><P CLASS=ttn>This page tests the 'text-transform' property of CSS1.
  46 This paragraph has no text transformation and should appear normal.
  47 </P>
  48 <P CLASS=cap>This paragraph is capitalized and the first letter in each word should therefore appear in uppercase. Words that are in uppercase in the source (e.g. USA) should remain so. There should be a capital letter after a non-breaking&nbsp;space (&amp;nbsp;). Both those characters appear in the previous sentence.
  49 </P>
  50 <P>Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this sentence should have one, and only one, capital <SPAN CLASS=cap>le<SPAN>tt</SPAN>er</SPAN>.
  51 </P>
  52 <P CLASS=upp>This paragraph is uppercased and small characters in the source (e.g. a and &aring;) should therefore appear in uppercase.  In the last sentence, however, <SPAN class="ttn">the last eight words should not be uppercase</SPAN>.
  53 </P>
  54 <P CLASS=low>This paragraph is lowercased and capital characters in the source (e.g. A and &Aring;) should therefore appear in lowercase.
  55 </P>
  56 </TD></TR></TABLE></BODY>
  57 </HTML>