7.3. Specify WCSS Styles with the Style Attribute (Inline Styles)

The style attribute is used to specify WCSS styles for a single element. This attribute is present in all XHTML MP elements that WCSS styles can be applied to. WCSS styles specified in this way are called inline styles.

Specifying WCSS inline styles should be avoided most of the time, since using this method will mix up the XHTML MP markup and the WCSS styles completely.

This XHTML MP/WAP CSS example demonstrates how to use inline styles:


(styleAttributeEg1.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>
    <title>WCSS Tutorial</title>
  </head>

  <body>
    <h1 style="color: white; background-color: black">Table of Contents</h1>
    <hr style="color: blue"/>
    <p style="font-style: italic">
      WCSS Tutorial Chapter 1<br/>
      WCSS Tutorial Chapter 2<br/>
      WCSS Tutorial Chapter 3<br/>
    </p>
  </body>
</html>


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






Sony Ericsson T610





Nokia Mobile Browser 4.0


Previous Page Page 6 of 39 Next Page


Feedback Form (ExpandCollapse)

What do you think about this web page?






(Optional) Please provide us more details. For example, suppose you select option 2 above, can you tell us specifically what information is missing? You can also suggest anything that can help us improve this web page.

(Optional) Your name:

(Optional) Your email address:

Please enter again to confirm:

Due to the amount of messages we received, we may not be able to reply to all messages.