Idmadmin: Created page with "Category:Coding tab 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 o..."

2017-08-28T19:02:04Z

Created page with "Category:Coding tab 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 o..."

New page

[[Category:Coding tab]]
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.: <code>margin-top: 5px;</code>, <code>margin-left: 5px;</code>, etc.). If you leave this checkbox unchecked, this format will be used: <code>margin: 5px 5px 5px 5px</code>.

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

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

CSS style builder - Revision history

Idmadmin: Created page with "Category:Coding tab 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 o..."