<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title> Quick-Cards Atttributes Reference </title> <link rel="stylesheet" href="book.css" type="text/css" /> <meta name="generator" content="DocBook XSL Stylesheets V1.69.1" /> <link rel="start" href="index.html" title="HTML_Progress2 Manual" /> <link rel="up" href="ch18.html" title= "Chapter 18. HTML_Progress2_Lite" /> <link rel="prev" href="ch18.html" title= "Chapter 18. HTML_Progress2_Lite" /> <link rel="next" href="ch19.html" title= "Chapter 19. API - Application Programming Interface" /> <style type="text/css"> /*<![CDATA[*/ body { background-color: white; color: black; } :link { color: #0000FF } :visited { color: #840084 } :active { color: #0000FF } p.c3 {font-weight: bold} div.c2 {margin-left: 0.5in; margin-right: 0.5in;} h2.c1 {clear: both} /*]]>*/ </style> </head> <body> <table class="progress2Header"> <tr> <td> <img src="img/pear_progress2.gif" align="left" alt= "PEAR Progress2 logo" /> <h1> HTML_Progress2 : The Definitive Guide </h1> <div class="navheader"> <table width="100%" summary="Navigation header"> <tr> <th colspan="3" align="center"> Quick-Cards Atttributes Reference </th> </tr> <tr> <td width="20%" align="left"> <a accesskey="p" href="ch18.html">Prev</a> </td> <th width="60%" align="center"> Chapter 18. HTML_Progress2_Lite </th> <td width="20%" align="right"> <a accesskey="n" href="ch19.html">Next</a> </td> </tr> </table> </div> </td> </tr> </table> <div class="sect1" lang="en" xml:lang="en"> <div class="titlepage"> <h2 class="title c1"> <a name="id4805230" id="id4805230"></a>Quick-Cards Atttributes Reference </h2> </div> <div class="note c2"> <table border="0" summary="Note"> <tr> <td rowspan="2" align="center" valign="top" width="48"> <img alt="[Note]" src="img/admons/note.png" /> </td> <th align="left"> Note </th> </tr> <tr> <td align="left" valign="top"> <p> Position/size are relative to progress bar itself (left), (top), (width), (height). That means the default text label is on top side of the progress bar. </p> <p> Width or height sets to zero means there is no size restriction (== auto-size). </p> </td> </tr> </table> </div> <div class="table"> <a name="id4805256" id="id4805256"></a> <p class="title c3"> Table 18.1. HTML_Progress2_Lite : position and size attributes </p> <table summary="HTML_Progress2_Lite : position and size attributes" border="1"> <colgroup> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> position </td> <td> absolute | relative </td> <td> absolute </td> </tr> <tr> <td> left </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 10 </td> </tr> <tr> <td> top </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 25 </td> </tr> <tr> <td> width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 300 </td> </tr> <tr> <td> height </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 25 </td> </tr> <tr> <td> padding </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/box.html#value-def-padding-width" title= "http://www.w3.org/TR/CSS2/box.html#value-def-padding-width"><padding-width></a> </td> <td> 0 </td> </tr> <tr> <td> min </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 0 </td> </tr> <tr> <td> max </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 100 </td> </tr> </tbody> </table> </div> <div class="table"> <a name="id4805445" id="id4805445"></a> <p class="title c3"> Table 18.2. HTML_Progress2_Lite : color attributes </p> <table summary="HTML_Progress2_Lite : color attributes" border="1"> <colgroup> <col /> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> border-style </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/box.html#value-def-border-style" title= "http://www.w3.org/TR/CSS2/box.html#value-def-border-style"><border-style></a> </td> <td> solid </td> </tr> <tr> <td> border-width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/box.html#value-def-border-width" title= "http://www.w3.org/TR/CSS2/box.html#value-def-border-width"><border-width></a> </td> <td> 1 </td> </tr> <tr> <td> border-color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #000000 </td> </tr> <tr> <td> background-color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #C0C0C0 </td> </tr> <tr> <td> color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #0033FF </td> </tr> </tbody> </table> </div> <div class="table"> <a name="id4805581" id="id4805581"></a> <p class="title c3"> Table 18.3. HTML_Progress2_Lite : frame attributes </p> <table summary="HTML_Progress2_Lite : frame attributes" border="1"> <colgroup> <col /> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> show </td> <td> true | false </td> <td> true </td> </tr> <tr> <td> left </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 200 </td> </tr> <tr> <td> top </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 100 </td> </tr> <tr> <td> width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 320 </td> </tr> <tr> <td> height </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 90 </td> </tr> <tr> <td> color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #C0C0C0 </td> </tr> <tr> <td> border-width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/box.html#value-def-border-width" title= "http://www.w3.org/TR/CSS2/box.html#value-def-border-width"><border-width></a> </td> <td> 2 </td> </tr> <tr> <td> border-style </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/box.html#value-def-border-style" title= "http://www.w3.org/TR/CSS2/box.html#value-def-border-style"><border-style></a> </td> <td> solid </td> </tr> <tr> <td> border-color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color>{1,4}</a> </td> <td> #DFDFDF #404040 #404040 #DFDFDF </td> </tr> </tbody> </table> </div> <div class="table"> <a name="id4807020" id="id4807020"></a> <p class="title c3"> Table 18.4. HTML_Progress2_Lite : TEXT label attributes </p> <table summary="HTML_Progress2_Lite : TEXT label attributes" border= "1"> <colgroup> <col /> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> left </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (left) </td> </tr> <tr> <td> top </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (top) - 16 </td> </tr> <tr> <td> width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 0 </td> </tr> <tr> <td> height </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> 0 </td> </tr> <tr> <td> align </td> <td> left | center | right </td> <td> left </td> </tr> <tr> <td> background-color </td> <td> transparent | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> transparent </td> </tr> <tr> <td> font-size </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size"><absolute-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size"><relative-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage"><percentage></a> </td> <td> 11 </td> </tr> <tr> <td> font-family </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name"><family-name></a> </td> <td> Verdana, Tahoma, Arial </td> </tr> <tr> <td> font-weight </td> <td> normal | bold </td> <td> normal </td> </tr> <tr> <td> font-style </td> <td> normal | italic | oblique </td> <td> normal </td> </tr> <tr> <td> color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #000000 </td> </tr> </tbody> </table> </div> <div class="table"> <a name="id4807279" id="id4807279"></a> <p class="title c3"> Table 18.5. HTML_Progress2_Lite : BUTTON label attributes </p> <table summary="HTML_Progress2_Lite : BUTTON label attributes" border= "1"> <colgroup> <col /> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> action </td> <td> none | ??? </td> <td> none </td> </tr> <tr> <td> target </td> <td> self | ??? </td> <td> self </td> </tr> <tr> <td> left </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (left) </td> </tr> <tr> <td> top </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (top) + (height) + 10 </td> </tr> <tr> <td> width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 0 </td> </tr> <tr> <td> height </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 0 </td> </tr> <tr> <td> align </td> <td> left | center | right </td> <td> center </td> </tr> <tr> <td> background-color </td> <td> transparent | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> transparent </td> </tr> <tr> <td> font-size </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size"><absolute-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size"><relative-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage"><percentage></a> </td> <td> 11 </td> </tr> <tr> <td> font-family </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name"><family-name></a> </td> <td> Verdana, Tahoma, Arial </td> </tr> <tr> <td> font-weight </td> <td> normal | bold </td> <td> normal </td> </tr> <tr> <td> font-style </td> <td> normal | italic | oblique </td> <td> normal </td> </tr> <tr> <td> color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #000000 </td> </tr> </tbody> </table> </div> <div class="table"> <a name="id4807566" id="id4807566"></a> <p class="title c3"> Table 18.6. HTML_Progress2_Lite : STEP label attributes </p> <table summary="HTML_Progress2_Lite : STEP label attributes" border= "1"> <colgroup> <col /> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> left </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (left) + 5 </td> </tr> <tr> <td> top </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (top) + 5 </td> </tr> <tr> <td> width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 10 </td> </tr> <tr> <td> height </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 0 </td> </tr> <tr> <td> align </td> <td> left | center | right </td> <td> right </td> </tr> <tr> <td> background-color </td> <td> transparent | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> transparent </td> </tr> <tr> <td> font-size </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size"><absolute-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size"><relative-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage"><percentage></a> </td> <td> 11 </td> </tr> <tr> <td> font-family </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name"><family-name></a> </td> <td> Verdana, Tahoma, Arial </td> </tr> <tr> <td> font-weight </td> <td> normal | bold </td> <td> normal </td> </tr> <tr> <td> font-style </td> <td> normal | italic | oblique </td> <td> normal </td> </tr> <tr> <td> color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #000000 </td> </tr> </tbody> </table> </div> <div class="table"> <a name="id4807826" id="id4807826"></a> <p class="title c3"> Table 18.7. HTML_Progress2_Lite : PERCENT label attributes </p> <table summary="HTML_Progress2_Lite : PERCENT label attributes" border= "1"> <colgroup> <col /> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> left </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (left) + width - 50 </td> </tr> <tr> <td> top </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (top) - 16 </td> </tr> <tr> <td> width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 50 </td> </tr> <tr> <td> height </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 0 </td> </tr> <tr> <td> align </td> <td> left | center | right </td> <td> right </td> </tr> <tr> <td> background-color </td> <td> transparent | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> transparent </td> </tr> <tr> <td> font-size </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size"><absolute-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size"><relative-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage"><percentage></a> </td> <td> 11 </td> </tr> <tr> <td> font-family </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name"><family-name></a> </td> <td> Verdana, Tahoma, Arial </td> </tr> <tr> <td> font-weight </td> <td> normal | bold </td> <td> normal </td> </tr> <tr> <td> font-style </td> <td> normal | italic | oblique </td> <td> normal </td> </tr> <tr> <td> color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #000000 </td> </tr> </tbody> </table> </div> <div class="table"> <a name="id4808087" id="id4808087"></a> <p class="title c3"> Table 18.8. HTML_Progress2_Lite : CROSSBAR label attributes </p> <table summary="HTML_Progress2_Lite : CROSSBAR label attributes" border="1"> <colgroup> <col /> <col /> <col /> </colgroup> <thead> <tr> <th> Name </th> <th> Values </th> <th> Initial value </th> </tr> </thead> <tbody> <tr> <td> left </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (left) + (width)/2 </td> </tr> <tr> <td> top </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-integer"><integer></a> </td> <td> (top) - 16 </td> </tr> <tr> <td> width </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 10 </td> </tr> <tr> <td> height </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> </td> <td> 0 </td> </tr> <tr> <td> align </td> <td> left | center | right </td> <td> center </td> </tr> <tr> <td> background-color </td> <td> transparent | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> transparent </td> </tr> <tr> <td> font-size </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size"><absolute-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-relative-size"><relative-size></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-length" title="http://www.w3.org/TR/CSS2/syndata.html#value-def-length"> <length></a> | <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-percentage"><percentage></a> </td> <td> 11 </td> </tr> <tr> <td> font-family </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name" title= "http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name"><family-name></a> </td> <td> Verdana, Tahoma, Arial </td> </tr> <tr> <td> font-weight </td> <td> normal | bold </td> <td> normal </td> </tr> <tr> <td> font-style </td> <td> normal | italic | oblique </td> <td> normal </td> </tr> <tr> <td> color </td> <td> <a class="external" href= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color" title= "http://www.w3.org/TR/CSS2/syndata.html#value-def-color"><color></a> </td> <td> #000000 </td> </tr> </tbody> </table> </div> </div> <table class="progress2Footer"> <tr> <td align="left"> HTML_Progress2 : The Definitive Guide </td> <td align="right"> v 2.4.0 : April 20, 2007 </td> </tr> </table> <div class="navfooter"> <hr /> <table width="100%" summary="Navigation footer"> <tr> <td width="40%" align="left"> <a accesskey="p" href="ch18.html">Prev</a> </td> <td width="20%" align="center"> <a accesskey="u" href="ch18.html">Up</a> </td> <td width="40%" align="right"> <a accesskey="n" href="ch19.html">Next</a> </td> </tr> <tr> <td width="40%" align="left" valign="top"> Chapter 18. HTML_Progress2_Lite </td> <td width="20%" align="center"> <a accesskey="h" href="index.html">Home</a> </td> <td width="40%" align="right" valign="top"> Chapter 19. API - Application Programming Interface </td> </tr> </table> </div> </body> </html>