[html5] r3790 - [e] (0) <style> example.

Thu Sep 10 02:39:36 PDT 2009

Author: ianh
Date: 2009-09-10 02:39:35 -0700 (Thu, 10 Sep 2009)
New Revision: 3790

Modified:
   index
   source
Log:
[e] (0) <style> example.

Modified: index
===================================================================

--- index	2009-09-10 09:20:25 UTC (rev 3789)
+++ index	2009-09-10 09:39:35 UTC (rev 3790)
@@ -11606,8 +11606,34 @@
   this element; the <a href=#styling>styling processing model</a> defines
   how. <a href=#refsCSSOM>[CSSOM]</a></p>
 
+  <div class=example>
 
+   <p>The following document has its emphasis styled as bright red
+   text rather than italics text, while leaving titles of works and
+   latin words in their default italics. It shows how using
+   appropriate elements enables easier restyling of documents.</p>
 
+   <pre><!DOCTYPE html>
+<html lang="en-US">
+ <head>
+  <title>My favorite book</title>
+  <style>
+   body { color: black; background: white; }
+   em { font-style: normal; color: red; }
+  </style>
+ </head>
+ <body>
+  <p>My <em>favorite</em> book of all time has <em>got</em> to be
+  <cite>A Cat's Life</cite>. It is a book by P. Rahmel that talks
+  about the <i lang="la">Felis Catus</i> in modern human society.</p>
+ </body>
+</html></pre>
+
+  </div>
+
+
+
+
   <h4 id=styling><span class=secno>4.2.7 </span><dfn title="styling processing model">Styling</dfn></h4>
 
   <p>The <code><a href=#the-link-element>link</a></code> and <code><a href=#the-style-element>style</a></code> elements can provide

Modified: source
===================================================================
--- source	2009-09-10 09:20:25 UTC (rev 3789)
+++ source	2009-09-10 09:39:35 UTC (rev 3790)
@@ -12280,8 +12280,34 @@
   this element; the <span>styling processing model</span> defines
   how. <a href="#refsCSSOM">[CSSOM]</a></p>
 
+  <div class="example">
 
+   <p>The following document has its emphasis styled as bright red
+   text rather than italics text, while leaving titles of works and
+   latin words in their default italics. It shows how using
+   appropriate elements enables easier restyling of documents.</p>
 
+   <pre><!DOCTYPE html>
+<html lang="en-US">
+ <head>
+  <title>My favorite book</title>
+  <style>
+   body { color: black; background: white; }
+   em { font-style: normal; color: red; }
+  </style>
+ </head>
+ <body>
+  <p>My <em>favorite</em> book of all time has <em>got</em> to be
+  <cite>A Cat's Life</cite>. It is a book by P. Rahmel that talks
+  about the <i lang="la">Felis Catus</i> in modern human society.</p>
+ </body>
+</html></pre>
+
+  </div>
+
+
+
+
   <h4 id="styling"><dfn title="styling processing model">Styling</dfn></h4>
 
   <p>The <code>link</code> and <code>style</code> elements can provide


