General, CSS, Text Editor, Options Dialog Box

Article
09/30/2015

This dialog box allows you to change the default behavior of the CSS editor while you are editing style sheets.

To access this dialog box

In Microsoft Visual Web Developer, click Tools, and then click Options.

The Options dialog box opens.
In the left panel, expand the Text Editor node, expand the CSS node, and click General.

If you have configured your environment settings for Web development, this element is not available unless you select the Show all settings check box. For more information about environment settings, see .ec70b520-a3e3-43c9-929b-bdc732cd2147

Note

Additional cascading style sheet (CSS) options can be found under the HTML Designer node, which is visible if the Show all settings check box is selected.

For more information about style sheets, see NIB: Cascading Style Sheet Editing (Visual Studio).

Tasks

Working with CSS Overview

UI Elements

Statement completion

Auto list members
When enabled, the CSS editor displays pop-up lists to help you insert attribute/value pairs into style declarations. When you type the opening brace ({) after the selector for a style rule, a list of available style attributes appears on the next keystroke. Choose any item from this list to insert it. Then type a colon (:) to display a list of possible values. Select any value from the list or type one in. Then type a semicolon (;) to end the declaration. The next keystroke will reopen the list of available style attributes.
Hide advanced members
This option is not available.
Parameter information
When selected, the complete syntax for the current declaration is displayed to the left of the insertion point in the Source view editor, with all of its available parameters. The next parameter you can assign is displayed in bold.

Settings

Enable virtual space
When this check box is selected, spaces are inserted at the end of each line of markup. Select this option to position comments at a consistent point next to your markup.
Word wrap
When this check box is selected, any portion of a line that extends horizontally beyond the viewable editor area is automatically displayed on the next line. Selecting this option enables the Show visual glyphs for word wrap check box.
Show visual glyphs for word wrap
When this check box is selected, a return-arrow indicator () is displayed where a long line wraps onto a second line. Clear this check box if you prefer not to display these indicators.

Note

These reminder arrows are not added to your code, and do not print. They are for reference only.
Apply Cut or Copy commands to blank lines when there is no selection
This option sets the behavior of the editor when you place the insertion point on a blank line, select nothing, and then copy or cut.
- When this check box is selected, the blank line is copied or cut. If you then paste, a new, blank line is inserted.
- When this check box is cleared, nothing is copied or cut. If you then paste, the content most recently copied is pasted. If nothing has been copied previously, nothing is pasted.
This setting has no effect on the behavior of Copy or Cut when a line is not blank. If nothing is selected, the entire line is copied or cut. If you then paste, the text of the entire line and its end-line character are pasted.

Note

To display indicators for spaces, tabs, and line ends, and thus distinguish indented lines from lines that are entirely blank, select Advanced from the Edit menu and choose View White Space.

Display

Line numbers
When this check box is selected, a line number appears next to each line in the CSS editor.

Note

These line numbers are not added to your markup, and do not print. They are for reference only.
Enable single-click URL navigation
When this check box is selected, the mouse pointer changes to a pointing hand as it passes over a URL in the CSS editor. You can click the URL to display the indicated page in your Web browser.
Navigation bar
This option is not available.

Share via