Styles Tab (Pro, Std, Lite)

This is where you set up options that affect the style checker and its output. The style checker is included in the professional and standard editions, but not the lite edition.

The style checker is designed to check CSS1 and CSS2 syntax. It also checks some proprietary CSS syntax (like Microsoft's scrollbar properties). Many problems will be found by the CSS syntax checker but not all CSS is checked.

Style Checking Options

Enable CSS style checking - Check this box to enable CSS style checking. This option is enabled by default. (New v5.00)

Style Checker Flags

These flags function similarly to the tag name program flags. You can disable or enable them as you wish. To avoid confusion with the tag name program flags and for other design reasons, the style checker flags start at 600.

Flag 600 (Internet Explorer specific messages)

If the "hand", "all-scroll", "col-resize", "row-resize", "no-drop", "not-allowed", "progress", or "vertical-text" generic cursor value is used with the "cursor" CSS property, displays a message that these values are Internet Explorer specific.
If the "background-position-x" or "background-position-y" CSS property is used, displays a message that they are Internet Explorer 4.0+ specific and recommends the use of the "background-position" property instead.
If the "behavior" CSS property is used, displays a message that it is Internet Explorer 5.0+ specific.
If the "filter" CSS property is used, displays a message that it is Internet Explorer 5.5+ specific.
If the "ime-mode" CSS property is used, displays a message that it is Internet Explorer 5.0+ specific.
If the "layout-grid" CSS properties are used, displays a message that they are Internet Explorer 5.0+ specific.
If the "line-break" CSS property is used, displays a message that it is Internet Explorer 5.0+ specific.
If the "overflow-x" or "overflow-y" CSS property is used, displays a message that they are Internet Explorer 4.0+ specific and recommends the use of the "overflow" property instead.
If the "scrollbar" CSS properties are used, displays a message that they are Internet Explorer 5.5+ specific.
If the "text-align-last" CSS property is used, displays a message that it is Internet Explorer 5.5+ specific.
If the "text-autospace" CSS property is used, displays a message that it is Internet Explorer 5.0+ specific.
If the "text-justify" CSS property is used, displays a message that it is Internet Explorer 5.0+ specific.
If the "text-kashida-space" CSS property is used, displays a message that it is Internet Explorer 6.0+ specific.
If the "text-overflow" CSS property is used, displays a message that it is Internet Explorer 6.0+ specific.
If the "text-underline-position" CSS property is used, displays a message that it is Internet Explorer 5.5+ specific.
If the "word-break" CSS property is used, displays a message that it is Internet Explorer 5.0+ specific.
If the "word-wrap" CSS property is used, displays a message that it is Internet Explorer 5.5+ specific.
If the "writing-mode" CSS property is used, displays a message that it is Internet Explorer 5.5+ specific.
If the "zoom" CSS property is used, displays a message that it is Internet Explorer 5.5+ specific.

Flag 601 (General compatibility messages)

If a custom cursor is specified for a "cursor" CSS property, displays a message that custom cursors are not widely supported.
If the "background-attachment" or "background-position" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "border-bottom", "border-left", "border-right", or "border-top" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "border-bottom-width", "border-left-width", "border-right-width", or "border-top-width" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "font-variant" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "height" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "letter-spacing" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "list-style-image" or "list-style-position" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "vertical-align" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "word-spacing" CSS property is used, displays a message that it is supported by Internet Explorer 6.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.

Flag 602 (Netscape specific messages)

If the "alias", "cell", "copy", "count-down", "count-up", "count-up-down", "grab", "grabbing", or "spinning" generic cursor value is used with the "cursor" CSS property, displays a message that these values are Netscape 6.0+ specific.

Flag 603 (More general compatibility messages)

These messages are displayed for CSS2 properties that are not also CSS1 properties. It is likely that these CSS2 properties are less well-supported than CSS1 properties.

If an aural CSS property is used (like "cue", "pause", "pitch", "speak", and "volume"), displays a message that it is not supported by Internet Explorer, Netscape, and Opera.
If an outline CSS property is used (like "outline", "outline-color", "outline-style", "outline-width"), displays a message that it is not supported by Internet Explorer, Netscape, and Opera.
If the "border-bottom-color", "border-left-color", "border-right-color", or "border-top-color" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "border-bottom-style", "border-left-style", "border-right-style", or "border-top-style" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 3.5+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "border-collapse" CSS property is used, displays a message that it is supported by Internet Explorer 5.0+ and Opera 4.0+ but not by Internet Explorer 4.0- and Netscape 6.2-.
If the "border-spacing" CSS property is used, displays a message that it is supported by Netscape 6.0+ and Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 4.x-.
If the "bottom" CSS property is used, displays a message that it is supported by Internet Explorer 5.0+, Netscape 6.0+, and Opera 4.0+ but not by Internet Explorer 4.0- and Netscape 4.x-.
If the "caption-side" CSS property is used, displays a message that it is supported by Netscape 6.0+ and Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 4.x-.
If the "content" CSS property is used, displays a message that it is supported by Netscape 6.0+ and Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 4.x-.
If the "counter-increment" or "counter-reset" CSS property is used, displays a message that it is supported by Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 6.2-.
If the "cursor" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+ and Netscape 6.0+ but not by Netscape 4.x- and Opera 6.0-.
If the "empty-cells" CSS property is used, displays a message that it is supported by Netscape 6.0+ and Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 4.x-.
If the "left" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 4.0+, and Opera 4.0+.
If the "market-offset" CSS property is used, displays a message that it is not supported by Internet Explorer, Netscape, and Opera.
If the "marks" CSS property is used, displays a message that it is not supported by Internet Explorer, Netscape, and Opera.
If the "max-height" CSS property is used, displays a message that it is supported by Netscape 6.0+ and Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 4.x-.
If the "min-height" CSS property is used, displays a message that it is supported by Internet Explorer 6.0+, Netscape 6.0+, and Opera 4.0+ but not by Internet Explorer 5.5- and Netscape 4.x-.
If the "min-width" or "max-width" CSS property is used, displays a message that it is supported by Netscape 6.0+ and Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 4.x-.
If the "orphans" or "widows" CSS property is used, displays a message that it is supported by Opera 3.5+ but not by Internet Explorer 6.0- and Netscape 6.2-.
If the "overflow" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 6.0+, and Opera 4.0+ but not by Internet Explorer 3.0- and Netscape 4.x-.
If the "page" CSS property is used, displays a message that it is not supported by Internet Explorer, Netscape, and Opera.
If the "page-break-after" or "page-break-before" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+ and Opera 3.5+ but not by Netscape 6.2-.
If the "page-break-inside" CSS property is used, displays a message that it is supported by Opera 3.5+ but not by Internet Explorer 6.0- and Netscape 6.2-.
If the "position" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 4.0+, and Opera 4.0+.
If the "quotes" CSS property is used, displays a message that it is supported by Netscape 6.0+ and Opera 4.0+ but not by Internet Explorer 6.0- and Netscape 4.x-.
If the "right" CSS property is used, displays a message that it is supported by Internet Explorer 5.0+, Netscape 6.0+, and Opera 4.0+ but not by Internet Explorer 4.0- and Netscape 4.x-.
If the "size" CSS property is used, displays a message that it is not supported by Internet Explorer and Netscape.
If the "table-layout" CSS property is used, displays a message that it is supported by Internet Explorer 5.0+ and Netscape 6.0+ but not by Netscape 4.x- and Opera 6.0-.
If the "text-shadow" CSS property is used, displays a message that it is not supported by Internet Explorer, Netscape, and Opera.
If the "top" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 4.0+, and Opera 4.0+.
If the "visibility" CSS property is used, displays a message that it is supported by Internet Explorer 4.0+, Netscape 4.0+, and Opera 4.0+.

Flag 604

Displays a warning message if the "border-width", "border-style", or "border-color" property is used with the shorthand "border" property.
Displays a warning message if the "border-bottom-width", "border-bottom-style", or "border-bottom-color" property is used with the shorthand "border-bottom" property.
Also displays similar messages for the "border-left", "border-right", and "border-top" shorthand properties.

Flag 605

Not used.

Flag 606

Not used.

Flag 607

Displays a warning message if the "margin-bottom", "margin-left", "margin-right", or "margin-top" property is used with the "margin" shorthand property.
Displays a warning message if the "padding-bottom", "padding-left", "padding-right", or "padding-top" property is used with the "padding" shorthand property.

[ Table of Contents ]