third_party/WebKit/LayoutTests/css1/font_properties/font_size.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.2.6 font-size</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 {font-size: medium;}
  11 .two {font-size: larger;}
  12 .three {font-size: smaller;}
  13 .four {font-size: xx-small;}
  14 .five {font-size: x-small;}
  15 .six {font-size: small;}
  16 .seven {font-size: large;}
  17 .eight {font-size: x-large;}
  18 .nine {font-size: xx-large;}
  19 .a {font-size: 0.5in;}
  20 .b {font-size: 1cm;}
  21 .c {font-size: 10mm;}
  22 .d {font-size: 18pt;}
  23 .e {font-size: 1.5pc;}
  24 .f {font-size: 2em;}
  25 .g {font-size: 3ex;}
  26 .h {font-size: 25px;}
  27 .i {font-size: 200%;}
  28 .j {font-size: -0.5in;}
  29 </STYLE>
  30
  31 </HEAD>
  32
  33 <BODY><P>The style declarations which apply to the text below are:</P>
  34 <PRE>.one {font-size: medium;}
  35 .two {font-size: larger;}
  36 .three {font-size: smaller;}
  37 .four {font-size: xx-small;}
  38 .five {font-size: x-small;}
  39 .six {font-size: small;}
  40 .seven {font-size: large;}
  41 .eight {font-size: x-large;}
  42 .nine {font-size: xx-large;}
  43 .a {font-size: 0.5in;}
  44 .b {font-size: 1cm;}
  45 .c {font-size: 10mm;}
  46 .d {font-size: 18pt;}
  47 .e {font-size: 1.5pc;}
  48 .f {font-size: 2em;}
  49 .g {font-size: 3ex;}
  50 .h {font-size: 25px;}
  51 .i {font-size: 200%;}
  52 .j {font-size: -0.5in;}
  53
  54 </PRE>
  55 <HR>
  56 <P>
  57 This paragraph element is unstyled, so the size of the font in this element is the default size for this user agent.
  58 </P>
  59 <P class="one">
  60 This sentence has been set to <CODE>medium</CODE>, which may or may not be the same size as unstyled text.
  61 </P>
  62 <P class="two">
  63 This sentence should be larger than unstyled text.
  64 </P>
  65 <P class="three">
  66 This sentence should be smaller than unstyled text.
  67 </P>
  68 <P class="four">
  69 This sentence should be very small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
  70 </P>
  71 <P class="five">
  72 This sentence should be rather small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
  73 </P>
  74 <P class="six">
  75 This sentence should be small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
  76 </P>
  77 <P class="seven">
  78 This sentence should be large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
  79 </P>
  80 <P class="eight">
  81 This sentence should be rather large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
  82 </P>
  83 <P class="nine">
  84 This sentence should be very large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
  85 </P>
  86 <P class="a">
  87 This sentence should be half an inch tall.
  88 </P>
  89 <P class="b">
  90 This sentence should be one centimeter tall.
  91 </P>
  92 <P class="c">
  93 This sentence should be ten millimeters tall.
  94 </P>
  95 <P class="d">
  96 This sentence should be eighteen points tall.
  97 </P>
  98 <P class="e">
  99 This sentence should be one and one half picas tall.
 100 </P>
 101 <P class="f">
 102 This sentence should be two em tall.
 103 </P>
 104 <P class="g">
 105 This sentence should be three ex tall.
 106 </P>
 107 <P class="h">
 108 This sentence should be twenty-five pixels tall.
 109 </P>
 110 <P class="i">
 111 This sentence should be twice normal size.
 112 </P>
 113 <P class="j">
 114 This sentence should be normal size, since no negative values are allowed and therefore should be ignored.
 115 </P>
 116
 117
 118 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
 119 <TR>
 120 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
 121 </TR>
 122 <TR>
 123 <TD bgcolor="silver">&nbsp;</TD>
 124 <TD><P>
 125 This paragraph element is unstyled, so the size of the font in this element is the default size for this user agent.
 126 </P>
 127 <P class="one">
 128 This sentence has been set to <CODE>medium</CODE>, which may or may not be the same size as unstyled text.
 129 </P>
 130 <P class="two">
 131 This sentence should be larger than unstyled text.
 132 </P>
 133 <P class="three">
 134 This sentence should be smaller than unstyled text.
 135 </P>
 136 <P class="four">
 137 This sentence should be very small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
 138 </P>
 139 <P class="five">
 140 This sentence should be rather small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
 141 </P>
 142 <P class="six">
 143 This sentence should be small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
 144 </P>
 145 <P class="seven">
 146 This sentence should be large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
 147 </P>
 148 <P class="eight">
 149 This sentence should be rather large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
 150 </P>
 151 <P class="nine">
 152 This sentence should be very large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
 153 </P>
 154 <P class="a">
 155 This sentence should be half an inch tall.
 156 </P>
 157 <P class="b">
 158 This sentence should be one centimeter tall.
 159 </P>
 160 <P class="c">
 161 This sentence should be ten millimeters tall.
 162 </P>
 163 <P class="d">
 164 This sentence should be eighteen points tall.
 165 </P>
 166 <P class="e">
 167 This sentence should be one and one half picas tall.
 168 </P>
 169 <P class="f">
 170 This sentence should be two em tall.
 171 </P>
 172 <P class="g">
 173 This sentence should be three ex tall.
 174 </P>
 175 <P class="h">
 176 This sentence should be twenty-five pixels tall.
 177 </P>
 178 <P class="i">
 179 This sentence should be twice normal size.
 180 </P>
 181 <P class="j">
 182 This sentence should be normal size, since no negative values are allowed and therefore should be ignored.
 183 </P>
 184 </TD></TR></TABLE></BODY>
 185 </HTML>