Browse files

[e] (0) <style> example.

git-svn-id: http://svn.whatwg.org/webapps@3790 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 9607cc9 commit 11992cc710357335337c9a8980ede794fefd1107 @Hixie Hixie committed Sep 10, 2009
Showing with 52 additions and 0 deletions.
  1. +26 −0 index
  2. +26 −0 source
View
26 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>
View
26 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>

0 comments on commit 11992cc

Please sign in to comment.