Code Style. CSS
Use this page to configure formatting options for CSS files. View the result in the Preview pane on the right.
Tabs and Indents
Use tab character
| An indentation consists of two parts. One part results from nesting code blocks and the other part is determined by alignment. |
In this text box, specify the number of spaces that fits in a tab.
In this text box, specify the number of spaces (or tabs if the Use Tab Character checkbox is selected) to be inserted for each indent level.
In this text box, specify the number of spaces (or tabs if the Use Tab Character checkbox is selected) to be inserted between the elements of an array, in expressions, method declarations, and method calls.
Keep indents on empty lines
If this checkbox is selected, WebStorm retains indents on empty lines as if they contained some code. If the checkbox is cleared, WebStorm deletes the tab characters and spaces on empty lines.
In this tab, specify the alignment, braces and spaces options to be applied on reformatting.
|Use this drop-down list to specify where WebStorm should place the opening braces of selectors. The available options are: |
|Use this drop-down list to specify how WebStorm should align attributes and values. The available options are: |
Blank lines between blocks
In this text box, specify the minimum number of sequential blank lines to be retained after reformatting.
Align closing brace with properties
If this checkbox is selected, the closing brace of the selector will be placed under the list of properties.
Keep single-line blocks
If this checkbox is selected, the blocks with a single property will be confined to one line.
Select the checkboxes in this area to add a space after the colon delimiting key and value, and before the opening brace of the selector.
|Use this area to configure the hex color syntax. You can select from the following check options: |
View changes in the Preview pane.
The link appears in the upper-right corner of the page, when applicable. Click this link and choose the language to be used as the base for the current language code style.
To return to the initial set of code style settings and discard the changes, click Reset.