| Current File : //opt/RZphp5/includes/doc/HTML_Progress2/docs/TDG/ch18s02.html |
<?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>