LayoutTests/css1/units/color_units.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: 6.3 Color Units</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 BODY {color: black;}
  11 .one {color: #080;}
  12 .two {color: #008000;}
  13 .three {color: rgb(0,128,0);}
  14 .four {color: rgb(0%,50%,0%);}
  15 .five {color: rgb(0.0%,50.0%,0.0%);}
  16 .six {color: green;}
  17 .seven {color: invalidValue;}
  18 .eight {color: rgb(0,128,1280);}
  19 .nine {color: rgb(0,128,255);}
  20 .ten {color: rgb(50%,-500%,60%);}
  21 .eleven {color: rgb(50%,0%,60%);}</STYLE>
  22
  23 </HEAD>
  24
  25 <BODY><P>The style declarations which apply to the text below are:</P>
  26 <PRE>BODY {color: black;}
  27 .one {color: #080;}
  28 .two {color: #008000;}
  29 .three {color: rgb(0,128,0);}
  30 .four {color: rgb(0%,50%,0%);}
  31 .five {color: rgb(0.0%,50.0%,0.0%);}
  32 .six {color: green;}
  33 .seven {color: invalidValue;}
  34 .eight {color: rgb(0,128,1280);}
  35 .nine {color: rgb(0,128,255);}
  36 .ten {color: rgb(50%,-500%,60%);}
  37 .eleven {color: rgb(50%,0%,60%);}
  38 </PRE>
  39 <HR>
  40 <P>
  41 This sentence should be black.
  42 </P>
  43 <P class="one">
  44 This sentence should be green, although slightly different from those that follow.
  45 </P>
  46 <P class="two">
  47 This sentence should be green.
  48 </P>
  49 <P class="three">
  50 This sentence should be green.
  51 </P>
  52 <P class="four">
  53 This sentence should be green.
  54 </P>
  55 <P class="five">
  56 This sentence should be green.
  57 </P>
  58 <P class="six">
  59 This sentence should be green.
  60 </P>
  61 <P class="seven">
  62 This sentence should be black, because the value given for class <CODE>.seven</CODE> is invalid.
  63 </P>
  64 <P class="eight">
  65 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next paragraph.
  66 </P>
  67 <P class="nine">
  68 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous paragraph.
  69 </P>
  70 <P class="ten">
  71 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph.
  72 </P>
  73 <P class="eleven">
  74 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous paragraph.
  75 </P>
  76 <P>
  77 This sentence should be black.
  78 </P>
  79 <P STYLE="color: #080;">
  80 This sentence should be a slightly different green, and used the <TT>style</TT> attribute.
  81 </P>
  82 <P STYLE="color: #008000;">
  83 This sentence should be green, and used the <TT>style</TT> attribute.
  84 </P>
  85 <P STYLE="color: rgb(0,128,0);">
  86 This sentence should be green, and used the <TT>style</TT> attribute.
  87 </P>
  88 <P STYLE="color: rgb(0%,50%,0%);">
  89 This sentence should be green, and used the <TT>style</TT> attribute.
  90 </P>
  91 <P STYLE="color: rgb(0.0%,50.0%,0.0%);">
  92 This sentence should be green, and used the <TT>style</TT> attribute.
  93 </P>
  94 <P STYLE="color: green;">
  95 This sentence should be green, and used the <TT>style</TT> attribute.
  96 </P>
  97
  98
  99 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
 100 <TR>
 101 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
 102 </TR>
 103 <TR>
 104 <TD bgcolor="silver">&nbsp;</TD>
 105 <TD><P>
 106 This sentence should be black.
 107 </P>
 108 <P class="one">
 109 This sentence should be green, although slightly different from those that follow.
 110 </P>
 111 <P class="two">
 112 This sentence should be green.
 113 </P>
 114 <P class="three">
 115 This sentence should be green.
 116 </P>
 117 <P class="four">
 118 This sentence should be green.
 119 </P>
 120 <P class="five">
 121 This sentence should be green.
 122 </P>
 123 <P class="six">
 124 This sentence should be green.
 125 </P>
 126 <P class="seven">
 127 This sentence should be black, because the value given for class <CODE>.seven</CODE> is invalid.
 128 </P>
 129 <P class="eight">
 130 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next paragraph.
 131 </P>
 132 <P class="nine">
 133 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous paragraph.
 134 </P>
 135 <P class="ten">
 136 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph.
 137 </P>
 138 <P class="eleven">
 139 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous paragraph.
 140 </P>
 141 <P>
 142 This sentence should be black.
 143 </P>
 144 <P STYLE="color: #080;">
 145 This sentence should be a slightly different green, and used the <TT>style</TT> attribute.
 146 </P>
 147 <P STYLE="color: #008000;">
 148 This sentence should be green, and used the <TT>style</TT> attribute.
 149 </P>
 150 <P STYLE="color: rgb(0,128,0);">
 151 This sentence should be green, and used the <TT>style</TT> attribute.
 152 </P>
 153 <P STYLE="color: rgb(0%,50%,0%);">
 154 This sentence should be green, and used the <TT>style</TT> attribute.
 155 </P>
 156 <P STYLE="color: rgb(0.0%,50.0%,0.0%);">
 157 This sentence should be green, and used the <TT>style</TT> attribute.
 158 </P>
 159 <P STYLE="color: green;">
 160 This sentence should be green, and used the <TT>style</TT> attribute.
 161 </P>
 162 </TD></TR></TABLE></BODY>
 163 </HTML>