Difference between revisions of "CSS style builder"

Latest revision as of 19:02, 28 August 2017

The CSS Style Builder dialog can be used to generate CSS styles for the HTML elements in an HTML file. While this dialog can't set all the options that are available for CSS, it can set some 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 online spec. button. This will open the default browser for your system at the website where you can find information and documentation for CSS2.

If you do not want to directly write generated styles to the edit window, you can select Clipboard from the drop down below the CSS2 online spec. 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 set 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: 5px;, margin-left: 5px;, etc.). If you leave this checkbox unchecked, this format will be used: margin: 5px 5px 5px 5px.

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 CSS2 properties.

For a complete listing of style descriptors please see CSS2 descriptors.