General, CSS, Text Editor, Options Dialog Box

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

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

    The Options dialog box opens.

  2. 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 How to: Change Select Settings.

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 Cascading Style Sheet Editing (Visual Studio).

Tasks

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.

    Cascading Style Sheet Options

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 (LineBreakSymbol screenshot) 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.

See Also

Reference

Tabs, CSS, Text Editor, Options Dialog Box

General, CSS, Text Editor, Options Dialog Box

CSS Editor

Format, HTML, Text Editor, Options Dialog Box

Display, HTML Designer, Options Dialog Box

Concepts

Working with CSS Overview

Other Resources

Using IntelliSense

Cascading Style Sheet Editing (Visual Studio)