Style builder command (Coding tab)

The Style Builder dialog may be used to generate styles for the elements in a web page. While this dialog can't set ALL the options that are available for CSS2, it can set most of the common options (background, font/text, margins/padding/position). Pressing the Background, Font/Text, or Edges/Pos buttons will present different settings related to those options.

If you want to look for the full specification of CSS2 from the World Wide Web Consortium (W3C), click the CSS2 Help button. This will open the default browser for your system with the web location where you can find latest information and documentation for CSS2.

If you do not want to directly write generated styles to the edit window, you can use select "clipboard" from the dropdown below the CSS2 Help button and all generated styles will be copied to clipboard.

Common Settings

For each of the three style settings (Background, Font/Text, Edges/Pos), you can directly affect the format that will be used to generate a style. If the Expanded checkbox is selected, all items will be expanded (e.g.: MARGIN-TOP:A; MARGIN-LEFT:B; etc.). If you leave this checkbox unchecked, this format will be used: MARGIN: A B C D to save some space.

If the Lowercase checkbox is selected, all attributes will be inserted in lowercase rather than uppercase format.

If the Use quotes checkbox is selected, all inserted settings will be enclosed in double quotes.

Background

This dialog can be used to create settings for the following background style properties:

background-color

background-image

background-repeat

background-attachment

background-position

Font/Text

This dialog can be used to create settings for the following font/text style properties:

font

font-stretch

text-align

text-decoration

text-indent

text-transform

color

Edges/Position

This dialog can be used to create settings for the following margin/padding/position style properties:

margin-top

margin-right

margin-bottom

margin-left

padding-top

padding-right

padding-bottom

padding-left

position

z-index

top

left

height

width

page-break-before

page-break-inside

page-break-after

For further information on these properties and the possible settings please see http://www.w3.org/TR/REC-CSS2/propidx.html.

For a complete listing of style descriptors please see http://www.w3.org/TR/REC-CSS2/descidx.html.