2020.1

New/Edit Rule dialog
The New/Edit Rule dialog shows the properties for a specific CSS selector.
Click the Apply button to see how a setting affects the elements that are subject to that selector.
(You may have to move and resize the Stylesheet dialog before opening the Edit Rule dialog,
in order to be able to see the template that you are working on.)
At any point you can click on the Advanced button to see the Advanced Stylesheet Rule. See
"Advanced Stylesheet Rule" on page519.
l
Name: The CSS Selector to which this rule applies. This can be a selector that is specific
to Connect (see "Selectors in Connect" on page397) or any selector used in regular
CSS, since they can also be used here (see CSS Selectors on W3Schools for a simple
reference page).
Type Tab
l
General group:
l
Font: Select the font used to display text. See also: "Fonts" on page320. This is
equivalent to the CSS font-family property.
l
Size: Enter the size in a measure, named size or percentage. This is equivalent to
the CSS font-size property.
l
Color: This is the color of the text. Select a named font color as defined in the Edit
Colors dialog (see "Colors" on page316) or click the colored square to create a
new color or to enter a color manually. The color value must be a valid HTML color
name or hexadecimal color code. This is equivalent to the CSS color property.
l
Background Color: This is the background color of the text. Select a named font
color as defined in the Edit Colors dialog (see "Colors" on page316) or click the
colored square to create a new color or to manually enter a color value (a valid
HTML color name or hexadecimal color code). This is equivalent to the CSS
background-color property.
l
Spacing group:
l
Letter Spacing: Set the space between characters in a text in measure or
percentage. This is equivalent to the CSS letter-spacing property.
l
Word Spacing: Set the space between each word in a text in measure or
percentage. This is equivalent to the CSS word-spacing property.
Page 516