## Style Inspector

The style inspector shows you all the available properties for the current rule. By default, properties used in the current rule are sorted to the top of the list and are colored blue, but you can change this behavior from the Insight and Inspector page in TopStyle's Options.

The value column to the right of each property displays a dropdown list of values you can assign to the chosen property. Note that this list does not include all allowed values - many properties accept length (12pt, 1.5em, etc.), percentage and other values that aren't appropriate for simple dropdown selection. If you're not sure of the list of allowed values, simply click in the value column next to the desired property and hit F1. This will display detailed help for the selected property.

At the top of the inspector is a dropdown which enables you to filter the list of properties by group. This is especially useful when the active CSS definition contains a large number of properties, as is the case with "CSS Level 2".

The display at the bottom shows a preview of the current style. On slower systems, you may wish to turn this feature off from the Insight and Inspector page in TopStyle's Options.

Important: The inspector only displays properties and values that are supported by the Active CSS Definition.

Related topics: Using Style Insight, Selector List, CSS Structure and Rules, CSS Properties, Setting the Active CSS Definition

Section Contents | Help Contents