[e] (0) <style> example.

git-svn-id: http://svn.whatwg.org/webapps@3790 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Sep 10, 2009 · 11992cc · 11992cc
1 parent 9607cc9
commit 11992cc
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 0 deletions.
diff --git a/index b/index
@@ -11606,6 +11606,32 @@ people expect to have work and what is necessary.
   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>&lt;!DOCTYPE html&gt;
+&lt;html lang="en-US"&gt;
+ &lt;head&gt;
+  &lt;title&gt;My favorite book&lt;/title&gt;
+  &lt;style&gt;
+   body { color: black; background: white; }
+   em { font-style: normal; color: red; }
+  &lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;My &lt;em&gt;favorite&lt;/em&gt; book of all time has &lt;em&gt;got&lt;/em&gt; to be
+  &lt;cite&gt;A Cat's Life&lt;/cite&gt;. It is a book by P. Rahmel that talks
+  about the &lt;i lang="la"&gt;Felis Catus&lt;/i&gt; in modern human society.&lt;/p&gt;
+ &lt;/body&gt;
+&lt;/html&gt;</pre>
+
+  </div>
+
+
 
 
   <h4 id=styling><span class=secno>4.2.7 </span><dfn title="styling processing model">Styling</dfn></h4>

diff --git a/source b/source
@@ -12280,6 +12280,32 @@ people expect to have work and what is necessary.
   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>&lt;!DOCTYPE html>
+&lt;html lang="en-US">
+ &lt;head>
+  &lt;title>My favorite book&lt;/title>
+  &lt;style>
+   body { color: black; background: white; }
+   em { font-style: normal; color: red; }
+  &lt;/style>
+ &lt;/head>
+ &lt;body>
+  &lt;p>My &lt;em>favorite&lt;/em> book of all time has &lt;em>got&lt;/em> to be
+  &lt;cite>A Cat's Life&lt;/cite>. It is a book by P. Rahmel that talks
+  about the &lt;i lang="la">Felis Catus&lt;/i> in modern human society.&lt;/p>
+ &lt;/body>
+&lt;/html></pre>
+
+  </div>
+
+
 
 
   <h4 id="styling"><dfn title="styling processing model">Styling</dfn></h4>