Formatting - Settings for CSS sheets

In this window, you can set options for an existing or new formatting style for CSS sheets. The window is divided into two parts:

• Selectors and properties settings
• Visual style sheet layout

The window can be called with the command Add formatting profile , or Modify formatting profile in the menu next to the CSS formatting preset list in the window. Program Settings - Source Code Formatting .

Selectors and properties settings

In this section you can set options for individual selectors, element order, and case.

Order of selectors
Select the sort order of the selectors:

• alphabetically - selectors will be arranged inalphabetical order
• no change - selectors will not be sorted

Properties order
Select the sort order of the properties in the style:

• alphabetically - properties will be sorted alphabetically
• no change - properties will not be sorted

Names of selectors
Choose what letters you want the selector names to be spelled with:

• in uppercase
• lowercase
• no change

Properties names
Select the letters in which the property names are to be written:

• in uppercase
• lowercase
• no change

Visual style sheet layout

In this section you can set CSS layout options - line indentation, space between selectors, etc.

All properties in one line
Select this option if you want all the properties of the class to be arranged on one line.

Each property in a new line
Select this option if you want every property in the class to be placed on a new line. If you choose this option, you can also specify indent formatting:

• Indentation size - select how many characters use to indent a line
• Use tabs instead of spaces - check this switch if you want to use tabs to create indentations

Add blank lines between selectors
Check this toggle if you want additional blank lines to be inserted between individual selectors. This increases the readability of the code somewhat.