Configuring with the dialog
The configuration dialog have three tabs to let you configure cssed.
The document settings tab: let you configure what settings will have a document when opened.
The syntax highlighting tab: let you configure the colors of the colored CSS in the document.
The font tab: let you change the default text editor font face and size. The styles will be ignored as they are used by the syntax highlighting,
The document settings tab
Here you can enter the settings that will have any opened document by default. To change a setting, just check or uncheck the desired setting, then validate with the OK button.
View line numbers: when checked, new documents will have the line numbers margin expanded.
View line endings: when checked, the End Of Line character/s will be displayed.
View white spaces: when checked, the white space characters (tab, space,...) will be displayed.
Wrap long lines: when checked, lines that reach the right margin of the editor window will be wrapped.
Enable autocompletion: when checked, auto completion will be activated by default.
Enable folding: when checked, the folding feature of the editor window will be activated.
The highlighting tab
This tab let you choose your preferred color scheme for syntax highlighting.
To change the foreground or background colors of any style, click on the color well at the right side of each token identifier. You can also choose to have the token's face in bold style, checking a box at the row end. Once you have finished, do not forget to validate with the OK button.
The tokens you can choose are:
Default - it is the default style color
Tag - style of tags (selectors) as p, u, etc.
Pseudoclass - style of valid pseudo classes (:hover, etc.)
Unknown Pseudoclass - style of invalid pseudo classes.
Operator - style of CSS operators as braces, coma, etc.
Valid property - a property known by cssed. The property is the left part of the declaration line.
Invalid property - a property unknown to cssed.
Value - a value known by cssed. The value is the right part of the declaration line.
Unknown Value - a value unknown to cssed.
Important - the CSS important keyword.
Directive - a CSS directive as @media, @page.
Double quoted string - a string enclosed between double quotes.
Single quoted string - a string enclosed between single quotes.
Class - a CSS class (selector) as p.style. It will match the tag's class="" attribute.
Id - a CSS id as #123. It will match the tag's id="" attribute.
Function - a CSS function as url(), rgb(), attr(), ...
Number - an integer or floating point number.
Valid unit - a unit recognized by the CSS2 standard (pt,px,em, ...).
Color - a named color (blue, red, green).
Hexadecimal color - a color in hexadecimal notation (0x000000, 0x000).
Attribute match - an attribute matching expression ( as img[width=200] ).
Language - a language matching expression ( as img:lang(en) ).
Comment - a CSS comment /* */.
The font tab
This tab let you choose the editor font family and size
In this tab the style choice is ignored as it is used for the syntax highlighting. To change the font, just select the font family and the size and click the Apply or OKbuttons.
The current font is indicated on the left side at the bottom of the dialog.