<!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/xhtml;charset=UTF-8"/>
<title>Wt: Style classes</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<script type="text/javascript">
$(document).ready(function() { searchBox.OnSelectItem(0); });
</script>
</head>
<body>
<div id="top"><!-- do not remove this div! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 56px;">
<td style="padding-left: 0.5em;">
<div id="projectname">Wt
 <span id="projectnumber">3.2.3</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Generated by Doxygen 1.7.5.1 -->
<script type="text/javascript">
var searchBox = new SearchBox("searchBox", "search",false,'Search');
</script>
<div id="navrow1" class="tabs">
<ul class="tablist">
<li><a href="index.html"><span>Main Page</span></a></li>
<li><a href="pages.html"><span>Related Pages</span></a></li>
<li><a href="modules.html"><span>Modules</span></a></li>
<li><a href="namespaces.html"><span>Namespaces</span></a></li>
<li><a href="annotated.html"><span>Classes</span></a></li>
<li><a href="files.html"><span>Files</span></a></li>
<li>
<div id="MSearchBox" class="MSearchBoxInactive">
<span class="left">
<img id="MSearchSelect" src="search/mag_sel.png"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
alt=""/>
<input type="text" id="MSearchField" value="Search" accesskey="S"
onfocus="searchBox.OnSearchFieldFocus(true)"
onblur="searchBox.OnSearchFieldFocus(false)"
onkeyup="searchBox.OnSearchFieldChange(event)"/>
</span><span class="right">
<a id="MSearchClose" href="javascript:searchBox.CloseResultsWindow()"><img id="MSearchCloseImg" border="0" src="search/close.png" alt=""/></a>
</span>
</div>
</li>
</ul>
</div>
</div>
<div class="header">
<div class="summary">
<a href="#nested-classes">Classes</a> |
<a href="#enum-members">Enumerations</a> </div>
<div class="headertitle">
<div class="title">Style classes</div> </div>
</div>
<div class="contents">
<p>Collection of classes for markup of widgets.
<a href="#details">More...</a></p>
<table class="memberdecls">
<tr><td colspan="2"><h2><a name="nested-classes"></a>
Classes</h2></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WBorder.html">Wt::WBorder</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A value class that defines the CSS border style of a widget. <a href="classWt_1_1WBorder.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WColor.html">Wt::WColor</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A value class that defines a color. <a href="classWt_1_1WColor.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WCssDecorationStyle.html">Wt::WCssDecorationStyle</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A style class for a single widget or style sheet rule. <a href="classWt_1_1WCssDecorationStyle.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WCssRule.html">Wt::WCssRule</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">Abstract rule in a CSS style sheet. <a href="classWt_1_1WCssRule.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WCssTemplateRule.html">Wt::WCssTemplateRule</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A CSS rule based on a template widget. <a href="classWt_1_1WCssTemplateRule.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WCssTextRule.html">Wt::WCssTextRule</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A CSS rule specified directly using CSS declarations. <a href="classWt_1_1WCssTextRule.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WCssStyleSheet.html">Wt::WCssStyleSheet</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A CSS style sheet. <a href="classWt_1_1WCssStyleSheet.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1WFont.html">Wt::WFont</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A value class that describes a font. <a href="classWt_1_1WFont.html#details">More...</a><br/></td></tr>
<tr><td colspan="2"><h2><a name="enum-members"></a>
Enumerations</h2></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">enum  </td><td class="memItemRight" valign="bottom"><a class="el" href="group__style.html#ga9686ea88ce4db2c0a12ea84452f60133">Wt::GlobalColor</a> { <br/>
  <a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133aa8fbe7a33681fc09e0231d6dfbd90d66">Wt::white</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133acf5dee884803e93b444f8bd222956bd6">Wt::black</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a57462cb05392ee7e39d27e5f66252c42">Wt::red</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a9a39ff0e1a5aa34a2e69407f8895eb4c">Wt::darkRed</a>,
<br/>
  <a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a9de61f6576b0207b4d5c988cbeee1b8c">Wt::green</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a75712f6d7896b12273323acd21b28d7e">Wt::darkGreen</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a0cb88ce2189a8986f24a4409498e490e">Wt::blue</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a8d8dd4dab4ab7688946bfcdfcb468b8c">Wt::darkBlue</a>,
<br/>
  <a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a52646bf8927d2018adec6814a2f903b8">Wt::cyan</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133afb298721c24d10cd3d47c5c8efec0042">Wt::darkCyan</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a434a521950245ccd5041ef2d74b04fe8">Wt::magenta</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133ab18a96d57e7cdcf8a986c4f112f5d18d">Wt::darkMagenta</a>,
<br/>
  <a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133ae0950d4b5d4c4c9b98e3aa7334bda80a">Wt::yellow</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a7621702d04fd8d039e1a3230a8e7b2e3">Wt::darkYellow</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a2ae20330b5a9eb890119be5074615858">Wt::gray</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133aefe4fd296d57518c9566b524215f66ef">Wt::darkGray</a>,
<br/>
  <a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133ae3718148b44536034789bc88ba71564c">Wt::lightGray</a>,
<a class="el" href="group__style.html#gga9686ea88ce4db2c0a12ea84452f60133a6975fc5993d75cf4e71f097b548927a9">Wt::transparent</a>
<br/>
}</td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">Enumeration for predefined colors. <a href="group__style.html#ga9686ea88ce4db2c0a12ea84452f60133">More...</a><br/></td></tr>
</table>
<hr/><a name="details" id="details"></a><h2>Detailed Description</h2>
<p>Collection of classes for markup of widgets. </p>
<p>The recommended way to provide style information for your Wt application is using CSS stylesheets. You may add rules to the inline style sheet using <a class="el" href="classWt_1_1WCssStyleSheet.html#ad2c989b38a7ee084a7c9b681e16e8a8c" title="Adds a CSS rule.">WCssStyleSheet::addRule()</a>, or by linking one or more external stylesheets using <a class="el" href="classWt_1_1WApplication.html#af377d541443b4bcea5fcc40be7c70173" title="Adds an external style sheet.">WApplication::useStyleSheet()</a>.</p>
<p>Alternatively, you may also provide style information directly, using <a class="el" href="classWt_1_1WCssDecorationStyle.html" title="A style class for a single widget or style sheet rule.">WCssDecorationStyle</a>, which you can manipulate for each widget using <a class="el" href="classWt_1_1WWidget.html#ac1833c7c01599b3733712ab0bf3c3a0a" title="Returns the decoration style of this widget.">WWidget::decorationStyle()</a>. </p>
<hr/><h2>Enumeration Type Documentation</h2>
<a class="anchor" id="ga9686ea88ce4db2c0a12ea84452f60133"></a><!-- doxytag: member="Wt::GlobalColor" ref="ga9686ea88ce4db2c0a12ea84452f60133" args="" -->
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">enum <a class="el" href="group__style.html#ga9686ea88ce4db2c0a12ea84452f60133">Wt::GlobalColor</a></td>
</tr>
</table>
</div>
<div class="memdoc">
<p>Enumeration for predefined colors. </p>
<dl><dt><b>Enumerator: </b></dt><dd><table border="0" cellspacing="2" cellpadding="0">
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133aa8fbe7a33681fc09e0231d6dfbd90d66"></a><!-- doxytag: member="white" ref="gga9686ea88ce4db2c0a12ea84452f60133aa8fbe7a33681fc09e0231d6dfbd90d66" args="" -->white</em> </td><td>
<p>Color white. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133acf5dee884803e93b444f8bd222956bd6"></a><!-- doxytag: member="black" ref="gga9686ea88ce4db2c0a12ea84452f60133acf5dee884803e93b444f8bd222956bd6" args="" -->black</em> </td><td>
<p>Color black. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a57462cb05392ee7e39d27e5f66252c42"></a><!-- doxytag: member="red" ref="gga9686ea88ce4db2c0a12ea84452f60133a57462cb05392ee7e39d27e5f66252c42" args="" -->red</em> </td><td>
<p>Color red. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a9a39ff0e1a5aa34a2e69407f8895eb4c"></a><!-- doxytag: member="darkRed" ref="gga9686ea88ce4db2c0a12ea84452f60133a9a39ff0e1a5aa34a2e69407f8895eb4c" args="" -->darkRed</em> </td><td>
<p>Color dark red. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a9de61f6576b0207b4d5c988cbeee1b8c"></a><!-- doxytag: member="green" ref="gga9686ea88ce4db2c0a12ea84452f60133a9de61f6576b0207b4d5c988cbeee1b8c" args="" -->green</em> </td><td>
<p>Color green. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a75712f6d7896b12273323acd21b28d7e"></a><!-- doxytag: member="darkGreen" ref="gga9686ea88ce4db2c0a12ea84452f60133a75712f6d7896b12273323acd21b28d7e" args="" -->darkGreen</em> </td><td>
<p>Color dark green. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a0cb88ce2189a8986f24a4409498e490e"></a><!-- doxytag: member="blue" ref="gga9686ea88ce4db2c0a12ea84452f60133a0cb88ce2189a8986f24a4409498e490e" args="" -->blue</em> </td><td>
<p>Color blue. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a8d8dd4dab4ab7688946bfcdfcb468b8c"></a><!-- doxytag: member="darkBlue" ref="gga9686ea88ce4db2c0a12ea84452f60133a8d8dd4dab4ab7688946bfcdfcb468b8c" args="" -->darkBlue</em> </td><td>
<p>Color dark blue. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a52646bf8927d2018adec6814a2f903b8"></a><!-- doxytag: member="cyan" ref="gga9686ea88ce4db2c0a12ea84452f60133a52646bf8927d2018adec6814a2f903b8" args="" -->cyan</em> </td><td>
<p>Color cyan. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133afb298721c24d10cd3d47c5c8efec0042"></a><!-- doxytag: member="darkCyan" ref="gga9686ea88ce4db2c0a12ea84452f60133afb298721c24d10cd3d47c5c8efec0042" args="" -->darkCyan</em> </td><td>
<p>Color dark cyan. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a434a521950245ccd5041ef2d74b04fe8"></a><!-- doxytag: member="magenta" ref="gga9686ea88ce4db2c0a12ea84452f60133a434a521950245ccd5041ef2d74b04fe8" args="" -->magenta</em> </td><td>
<p>Color magenta. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133ab18a96d57e7cdcf8a986c4f112f5d18d"></a><!-- doxytag: member="darkMagenta" ref="gga9686ea88ce4db2c0a12ea84452f60133ab18a96d57e7cdcf8a986c4f112f5d18d" args="" -->darkMagenta</em> </td><td>
<p>Color dark magenta. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133ae0950d4b5d4c4c9b98e3aa7334bda80a"></a><!-- doxytag: member="yellow" ref="gga9686ea88ce4db2c0a12ea84452f60133ae0950d4b5d4c4c9b98e3aa7334bda80a" args="" -->yellow</em> </td><td>
<p>Color yellow. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a7621702d04fd8d039e1a3230a8e7b2e3"></a><!-- doxytag: member="darkYellow" ref="gga9686ea88ce4db2c0a12ea84452f60133a7621702d04fd8d039e1a3230a8e7b2e3" args="" -->darkYellow</em> </td><td>
<p>Color dark yellow. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a2ae20330b5a9eb890119be5074615858"></a><!-- doxytag: member="gray" ref="gga9686ea88ce4db2c0a12ea84452f60133a2ae20330b5a9eb890119be5074615858" args="" -->gray</em> </td><td>
<p>Color medium gray. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133aefe4fd296d57518c9566b524215f66ef"></a><!-- doxytag: member="darkGray" ref="gga9686ea88ce4db2c0a12ea84452f60133aefe4fd296d57518c9566b524215f66ef" args="" -->darkGray</em> </td><td>
<p>Color dark gray. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133ae3718148b44536034789bc88ba71564c"></a><!-- doxytag: member="lightGray" ref="gga9686ea88ce4db2c0a12ea84452f60133ae3718148b44536034789bc88ba71564c" args="" -->lightGray</em> </td><td>
<p>Color light gray. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga9686ea88ce4db2c0a12ea84452f60133a6975fc5993d75cf4e71f097b548927a9"></a><!-- doxytag: member="transparent" ref="gga9686ea88ce4db2c0a12ea84452f60133a6975fc5993d75cf4e71f097b548927a9" args="" -->transparent</em> </td><td>
<p>Color transparent. </p>
</td></tr>
</table>
</dd>
</dl>
</div>
</div>
</div>
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
<a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(0)"><span class="SelectionMark"> </span>All</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(1)"><span class="SelectionMark"> </span>Classes</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(2)"><span class="SelectionMark"> </span>Namespaces</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(3)"><span class="SelectionMark"> </span>Files</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(4)"><span class="SelectionMark"> </span>Functions</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(5)"><span class="SelectionMark"> </span>Variables</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(6)"><span class="SelectionMark"> </span>Typedefs</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(7)"><span class="SelectionMark"> </span>Enumerations</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(8)"><span class="SelectionMark"> </span>Enumerator</a></div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<iframe src="javascript:void(0)" frameborder="0"
name="MSearchResults" id="MSearchResults">
</iframe>
</div>
<hr size="1"><address style="text-align: right; margin: 3px"><small>
Generated on Thu Nov 1 2012 for <a href="http://www.webtoolkit.eu/wt">the
C++ Web Toolkit (Wt)</a> by <a
href="http://www.doxygen.org/index.html"><img src="doxygen.png"
alt="doxygen" border="0" style="vertical-align: middle; display:
inline-block; height: 2em"></a> 1.7.5.1</small></address>
</body>
</html>
