Edit Rule

The Edit Rule dialog shows the properties for a specific CSS selector and how it affects all elements subject to that selector.

At any point you can click on the Advanced button to see the Advanced Stylesheet Rule.

• Name: The CSS Selector to which this rule applies. See CSS Selectors.

Type Tab

• General group:
• • Font: Select the font used to display text, equivalent to the font-family property.
  • Size: Enter the size in measure, named size or percentage, equivalent to the font-size property.
  • Color: Select a named font color as defined in the Colors Editor, create a new color or enter a color manually for text to be displayed. The color value must be a valid HTML Color Name, or a valid HTML Hex Color. Equivalent to the color property.
  • Background Color: Select a named font color as defined in the Colors Editor, create a new color or enter a color manually for the background color of the element. The color value must be a valid HTML Color Name, or a valid HTML Hex Color. Equivalent to the backround-color property.
• Spacing group:
• • Letter Spacing: Set the space between characters in a text in measure or percentage. Equivalent to the letter-spacing property.
  • Word Spacing: Set the space between each word in a text in measure or percentage. Equivalent to the word-spacing property.
  • Whitespace: Specify how to handle white spaces inside of an element. See CSS White-Space for details. Equivalent to the white-space property.
• Style group: Check any option to apply the selected style to text within the element:
• • Bold: Sets font-weight to 700.
  • Italic: Sets font-style to italic.
  • Underline: Sets text-decoration to underline.
  • Strikethrough: Sets text-decoration to line-through.
  • Subscript: Sets vertical-align to super.
  • Superscript: Sets vertical-align to sub.
  • Capitalize: Sets text-transform to capitalize.
  • Uppercase: Sets text-transform to uppercase.
  • Lowercase: Sets text-transform to lowercase.
  • Small-caps: Sets font-variant to small-caps.

Formats Tab

• General group:
• • Line-height: Specify the height of each line in the element's text, in measure or percentage. Note that this is not spacing between lines, but rather the complete height of the line itself including the text. Equivalent to the line-height property.
  • Align: Select how text should be aligned, such as left, center, right or justify. Equivalent to the align property.
  • First Indent: Specify the indentation of the first line of each paragraph in the element. Equivalent to the text-indent property.
  • Display: Select how to display the element. This can also be used to hide an element completely using the none option. See CSS Display. Equivalent to the display property.
• Breaks group:
• • Before: Specifies how to handle page breaks before the element. Equivalent to the page-break-before property.
  • Inside: Specifies whether to accept page breaks within the paragraph. Equivalent to the page-break-inside property.
  • After: Specifies how to handle page breaks after the element. Equivalent to the page-break-after property.
  • Widows: Specifies how to handle widows within the paragraph (lines appearing alone on the next page if the paragraph does not fit on the current one). Equivalent to the widows property. Widows and orphans are ignored if the page-break-inside property is set to avoid.
  • Orphans: Specifies how to handle orphans within the paragraph (lines appearing alone at the end of a page if the paragraph does not fit on the current one). Equivalent to the orphans property.

Spacing Tab

• Padding group: Defines padding (spacing inside the element) in measure or percentage:
• • All sides: Check to set all padding to use the Top value. Equivalent to the border property.
  • Top, Left, Bottom, Right: Set padding for each side. Equivalent to the border-left, border-top, border-right and border-bottom properties.
• Margin group: Defines margins (spacing outside the element) in measure or percentage:
• • All sides: Check to set all margins to use the Top value. Equivalent to the margin property.
  • Top, Left, Bottom, Right: Set the margin for each side. Equivalent to the margin-left, margin-top, margin-right and margin-bottom properties.

Border Tab

• Same for all sides: Defines the border properties for all sides using the Top properties. Equivalent to the border property.
• Top, Left, Bottom, Right: Each group defines the following properties:
• • Width: Specify the thickness of the border. Equivalent to the border-width property.
  • Style: Specify the style of the border such as solid, dashed or dotted. Equivalent to the border-style property.
  • Color: Specify the color of the border.  The color value must be a valid HTML Color Name, or a valid HTML Hex Color. Equivalent to the border-color property.