Other, Style Builder Dialog Box

The Other page of the Style Builder dialog box makes it possible for you to set miscellaneous behavior, insertion point, table border, and layout attributes, and visual effects for cascading style sheet (CSS) styles.

To set miscellaneous behavior

  1. Click Style on the Format menu, or Build Style on the Styles menu, to open the Style Builder dialog box.

  2. Click Other in the left pane of the Style Builder dialog box.

    The Other, Style Builder dialog box appears in the right pane.

Note

The Styles menu appears when you open an external CSS style sheet for editing. On the Styles menu, the Build Style option becomes available when you place the insertion point within the curly braces ({ }) that follow the selector for a style rule.

Options available on the Other page of the Style Builder dialog box include the following.

Tasks

UI Elements

  • Cursor
    Sets attributes for the type of cursor (insertion point) that appears within the applied style. When an attribute is <Not Set>, no code is added to the style.

    Syntax

    Values

    Cursors

    CURSOR:auto

    Auto

    The cursor displayed depends on the context.

    CURSOR:default

    Default

    Default Cursor

    CURSOR:crosshair

    Crosshair

    Styelsheet Build Style Cross Cursor

    CURSOR:hand

    Hand

    Style Sheet Handcursor

    CURSOR:move

    Move

    Move Cursor Symbol

    CURSOR:n-resize

    Top Resize

    BT cursor

    CURSOR:s-resize

    Bottom Resize

    BT cursor

    CURSOR:w-resize

    Left Resize

    RightLeftCursorSymbol screenshot

    CURSOR:e-resize

    Right Resize

    RightLeftCursorSymbol screenshot

    CURSOR:nw-resize

    Top-Left Resize

    Style Sheet Other Botri Cursor

    CURSOR:sw-resize

    Bottom-Left Resize

    StyleSheetTopicCursor screenshot

    CURSOR:ne-resize

    Top-Right Resize

    StyleSheetTopicCursor screenshot

    CURSOR:se-resize

    Bottom-Right Resize

    Style Sheet Other Botri Cursor

    CURSOR:text

    Text

    StyleSheetTextCursor screenshot

    CURSOR:wait

    Hourglass

    Hourglass Cursor

    CURSOR:help

    Help

    StyleSheet Help Cursor

Tables

The Borders and Layout attributes can be applied to tables that currently have a style already applied.

  • Borders
    Sets attributes that control the behavior of table borders. Select <Not Set> (no option chosen), Separate cell borders, or Collapse cell borders. The Separate cell borders attribute explicitly separates borders for each cell; the Collapse cell borders attribute allows two cells to share a border. For example, if you select Separate cell borders, the following CSS markup is inserted:

    BORDER-COLLAPSE:separate

    Note

    When the value for the attribute is <Not Set>, no code is added to the style.

  • Layout
    Sets attributes for table layout within a style. Attributes either fix cell size or allow cells to automatically adjust size to fit content. Select <Not Set> (no option chosen), Auto, or Fixed Layout. For example, if you select Fixed Layout, the following CSS markup is inserted:

    TABLE-LAYOUT:fixed

    Note

    When the attribute is <Not Set>, no code is added to the style.

Visual Effects

  • Filter
    Lets you apply visual effects to controls in your Web page using visual filters. Use this text box to set the filter or collection of filters applied to the control. For more information, search for "visual filters" in the MSDN Library.

Behavior

  • URL
    Stores the path to a supplemental DHTML behaviors file. Click the ellipsis button (...) to open the Select Behavior dialog box, and then navigate to the desired .hta or .htc behaviors file.

Note

Behaviors files define dynamic attributes, which can be used in scripts to change the appearance of HTML elements and reposition elements in response to user input. For example, behaviors can change the color of text, or cause a <DIV> element to fly in from the edge of the Web browser window). Behaviors files must be added to a solution to be referenced by its HTML pages and Web forms.

See Also

Reference

Background, Style Builder Dialog Box

Font, Style Builder Dialog Box

Text, Style Builder Dialog Box

Position, Style Builder Dialog Box

Layout, Style Builder Dialog Box

Edges, Style Builder Dialog Box

Lists, Style Builder Dialog Box

Color Picker Dialog Box

Concepts

Working with CSS Overview