File | Settings | Editor | General | Appearance
Use this page to customize the appearance of the Editor.
|Use antialiased font||Select this check box to enable showing fonts without distortions.|
|Caret blinking (ms)||Select this check box to make the caret blink with the specified period (in milliseconds).|
|Use block caret||Select this check box to have the block caret applied in the Insert mode
and the usual caret applied in the Overwrite mode.
Clear this check box to have the usual caret applied in the Insert mode and the block caret applied in the Overwrite mode.
|Show right margin (configured in Code Style options)||Select this check box to have a thin vertical line at the right margin of the editor displayed. Refer to the description of the General page of the Code Style settings.|
|Show line numbers||Select this check box to have line numbering shown in the left gutter area.|
|Show whitespaces||Select this check box to have WebStorm display white spaces or tabs
(depending on the Code Style settings made in the Tabs and Indents pane
of the General page.
You can select the following options:
|Show vertical indent guides||Select this check box to have WebStorm display vertical lines in the editor to indicate positions of indents and thus facilitate typing, manual formatting, reading, and maintaining code.|
|Show HTML breadcrumbs
(Reopen editor for changes to take effect)
|Select this check box to show a breadcrumb trail on top of the editor tab for an HTML file.|
|Show breadcrumbs for XML files||Select this check box to show a breadcrumb trail on top of the editor tab for an XML file. Reopen the editor for the changes to take effect.|
|Show CSS color preview icon in gutter||Select this check box to show color preview icons for the color values.
If this check box is not selected, it is still possible to invoke the color picker and change color values, by choosing the Change color intention action.
|Enable XML/HTML tag tree highlighting||Select this check box to show the hierarchy of tags highlighted with different colors.
If this option is enabled, you can define the following options:
Highlighting is activated when there is more than one tag with the same name in the hierarchy.
|Show Sass color preview icon in gutter||Select this check box to show color preview icons for the color values.|