Operation Manual

51
Workspace and workflow
Last updated 11/30/2015
Rearrange selectors
Click the required selector and drag it to the new position with the Selectors pane.
Set CSS properties
The properties are grouped into the following categories and are represented by different icons at the top of the
Properties pane:
• Layout
• Tex t
• Border
• Background
• Others (list of 'text only' properties and not properties with visual controls)
Note: Before editing the properties of a CSS Selector, identify the elements associated with the CSS Selector using Reverse
Inspect. By doing so, you can evaluate if all the elements highlighted during Reverse Inspect actually require the changes.
See link for more information on Reverse Inspect.
Select the Show Set check box to view only the set properties. To view all the properties that you can specify for a
selector, deselect the Show Set check box.
To set a property, such as, width or border-collapse, click the required options displayed adjacent to the property in the
Properties pane. For information on setting gradient background or box controls such as margins, padding, and
position, see the following links:
Overridden properties are indicated using a strikethrough format.
More Help topics
Set margins, padding, and position
Apply gradients to background
Use Flexible Box layouts
Set margins, padding, and position
Using the box controls in CSS Designer's Properties pane, you can quickly set the margins, padding, and position
properties. If you prefer code, you can specify shorthand code for margin and padding in the quick edit boxes.