<hlink:Editing Style Sheets\CSS Definition.html>The <b>active CSS definition</b> determines which properties and values are shown by <b>style insight</b> and the <b>property inspector</b>.
To find out if you're using the <b>latest version</b> of TopStyle, select <b>Check for New Version</b> from the <b>Help</b> menu.
<hlink:Editing Style Sheets\CSS Definition.html>Properties which are <b>invalid</b> for the <b>active CSS definition</b> are color-coded <b><red>red</red></b>.
Holding the <b>Ctrl</b> key while mousing over the editor turns CSS properties into <b>hyperlinks</b> that display property help.
<hlink:Editing Style Sheets\Style-Inspector.html>Pressing <b>F1</b> in the <b>property inspector</b> shows help for the current property.
<hlink:Validating Style Sheets\TopStyleValidator.html>Use the <btn:stylechecker><b>Style Checker</b> to find problems in your style sheets.
<hlink:Settings\ConfiguringValidator.html>You can choose which CSS definitions the <b>style checker</b> tests against by clicking the <btn:stylecheckerconfig><b>Style Checker Configuration</b> toolbutton.
<hlink:Editing Style Sheets\AutoReplace.html><b>Auto Replace</b> is a great way to reduce typing. To configure this feature, go to the <b>Editor</b> page in <b>Options</b> (F8).
<hlink:Editing Style Sheets\Style-Insight.html>Hitting <b>Ctrl+Space</b> displays <b>style insight</b> for the current property.
<hlink:Previewing Styles\SelectPage.html>You can use any HTML file as the <b>preview document</b> - just click the <btn:selectpreview><b>Select Preview File</b> toolbutton.
<hlink:Previewing Styles\InternalPreviewer.html>TopStyle applies the <b>current style sheet</b> to your <b>preview document</b> before displaying it.
<hlink:Settings\Preview Settings.html>If you add a <b>Mapping</b> on the Preview page in Options, preview documents that contain <b>server-side code</b> such as ASP or CFML will be passed through your local <b>web server</b>.
<hlink:Editing Style Sheets\ExpandContractRules.html>You can <b>expand</b> the current rule by hitting <b>Ctrl+=</b>.
<hlink:Editing Style Sheets\ExpandContractRules.html>You can <b>collapse</b> the current rule by hitting <b>Ctrl+-</b>.
To open the <b>preview document</b> in your favorite <b>HTML editor</b>, simply click the <btn:editpreview><b>Edit Preview Document</b> toolbutton.
<hlink:Toolbars\Customizing Toolbars.html>You can customize TopStyle's <b>toolbars</b> and <b>main menu</b> by right-clicking on any toolbar.
<b>Triple-clicking</b> in the editor selects the current <b>rule</b>. You can also select it by pressing <b>Ctrl+Shift+A</b>.
Hit <b>F4</b> to toggle between the <b>editor</b> and <b>property inspector</b>.
Use <b>Ctrl+[</b> and <b>Ctrl+]</b> to move between declaration blocks.
<hlink:Settings\Preview Settings.html>You can remove all existing <b>style links</b> from the <b>preview document</b> before it's displayed - just go to the <b>Preview</b> page in Options to turn this feature on.
