[css2] Changes by Tantek: lowercased CSS examples.

bert-github · bert-github · commit 52ebbf4adcdb · 2002-07-05T12:50:22.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401880
diff --git a/css2/colors.src b/css2/colors.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: colors.src,v 2.23 2002-04-22 22:05:21 bbos Exp $ -->
+<!-- $Id: colors.src,v 2.24 2002-07-05 12:50:22 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Colors and backgrounds</TITLE>
@@ -28,8 +28,8 @@ content. There are different ways to specify red:
 
 <div class="example"><P>
 <PRE>
-EM { color: red }              /* predefined color name */
-EM { color: rgb(255,0,0) }     /* RGB range 0-255   */
+em { color: red }              /* predefined color name */
+em { color: rgb(255,0,0) }     /* RGB range 0-255   */
 </PRE>
 </div>
 
@@ -106,7 +106,7 @@ class="value-inst-color">&lt;color&gt;</span></span> value or the keyword
 
 <div class="example"><P>
 <PRE>
-H1 { background-color: #F00 }
+h1 { background-color: #F00 }
 </PRE>
 </div>
 
@@ -126,8 +126,8 @@ image, or 'none', when no image is used.
 
 <div class="example"><P>
 <PRE>
-BODY { background-image: url("marble.gif") }
-P { background-image: none }
+body { background-image: url("marble.gif") }
+p { background-image: none }
 </PRE>
 </div>
 
@@ -153,7 +153,7 @@ Values have the following meanings:</p>
 
 <div class="example"><P>
 <PRE>
-BODY { 
+body { 
   background: white url("pendant.gif");
   background-repeat: repeat-y;
   background-position: center;
@@ -187,7 +187,7 @@ the image is tiled ('background-repeat: repeat'), it may be invisible.
 <div class="example"><P>This example creates an infinite vertical band
 that remains "glued" to the viewport when the element is scrolled.
 <PRE>
-BODY { 
+body { 
   background: red url("pendant.gif");
   background-repeat: repeat-y;
   background-attachment: fixed;
@@ -264,10 +264,10 @@ values or length values (all possible combinations are given above).
 <div class="example"><P>
 
 <PRE>
-BODY { background: url("banner.jpeg") right top }    /* 100%   0% */
-BODY { background: url("banner.jpeg") top center }   /*  50%   0% */
-BODY { background: url("banner.jpeg") center }       /*  50%  50% */
-BODY { background: url("banner.jpeg") bottom }       /*  50% 100% */
+body { background: url("banner.jpeg") right top }    /* 100%   0% */
+body { background: url("banner.jpeg") top center }   /*  50%   0% */
+body { background: url("banner.jpeg") center }       /*  50%  50% */
+body { background: url("banner.jpeg") bottom }       /*  50% 100% */
 </PRE>
 </div>
 
@@ -279,7 +279,7 @@ element's padding area. For example,
 
 <div class="example"><P>
 <PRE>
-BODY { 
+body { 
   background-image: url("logo.png");
   background-attachment: fixed;
   background-position: 100% 100%;
