Skip to content
Permalink
Browse files

[e] (0) <style> example.

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