Place WCSS Styles at the Document Head (Internal Style Sheet)

Preferences - Do not show ads

The <style> element is used to place WCSS styles at the document head of an XHTML MP document. A style sheet defined in this way is called an internal style sheet or a document-level style sheet. WCSS styles of an internal style sheet apply only to the XHTML MP document that they are located in. WCSS statements are enclosed in the <style></style> tag pair. The syntax is like this:


<style type="text/css">
  some WCSS statements
</style>


The type attribute of <style> specifies the MIME type of the cascading style sheet.

This XHTML MP/WAP CSS example shows how to place an internal style sheet at the document head:


(internalWCSSEg1.xhtml)

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <style type="text/css">
      hr {
        color: blue
      }

      p {
        font-style: italic
      }

      h1 {
        color: white;
        background-color: black
      }
    </style>
    <title>WCSS Tutorial</title>
  </head>

  <body>
    <h1>Table of Contents</h1>
    <hr/>
    <p>
      WCSS Tutorial Chapter 1<br/>
      WCSS Tutorial Chapter 2<br/>
      WCSS Tutorial Chapter 3<br/>
    </p>
  </body>
</html>


The result of the above XHTML MP/WAP CSS example in some mobile phone browsers is shown below:






Sony Ericsson T610





Nokia Mobile Browser 4.0


Page 5 of 39 Previous Page | Next Page
Contents at a Glance
Print this Web Page | | Back to Top

Feedback Form (Expand)

What do you think about this web page?






WCSS Tutorial Table of Contents WCSS Tutorial Contents at a Glance Preferences - Change Color Scheme Preferences - Do Not Show Ads Previous Page Next Page