Share via


Other, Style Builder Dialog Box

The Other page of the Style Builder dialog box makes it possible for you to set miscellaneous behavior, user interface (cursor) table border and layout attributes, and visual effects for CSS styles that you create in the Style Builder. To modify these settings, choose Build Style from either the Format or Styles menu to open the Style Builder dialog box, and select the Other option in the left pane.

Note   On the Format menu, the Build Style option becomes available when you open an HTML document in Design view and set its targetSchema property to a Web browser that supports HTML 4.0 or later and CSS styles. 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 cursor 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:

User Interface

  • Cursor
    Sets attributes for the type of cursor that displays 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
    CURSOR:crosshair Crosshair
    CURSOR:hand Hand
    CURSOR:move Move
    CURSOR:n-resize Top Resize
    CURSOR:s-resize Bottom Resize
    CURSOR:w-resize Left Resize
    CURSOR:e-resize Right Resize
    CURSOR:nw-resize Top-Left Resize
    CURSOR:sw-resize Bottom-Left Resize
    CURSOR:ne-resize Top-Right Resize
    CURSOR:se-resize Bottom-Right Resize
    CURSOR:text Text
    CURSOR:wait Hourglass
    CURSOR:help Help

Tables

The borders and layout attributes can be applied to tables using a style, that is, tables to which you apply the current style.

  • Borders
    Sets attributes that control behavior of the borders. Select <Not Set> (no option chosen), Separate cell borders, or Collapse cell borders. The Separate attribute explicitly separates borders for each cell; the Collapse 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.

Behavior

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

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 fly in a <DIV> element 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. For more information, see Implementing DHTML Behavior Script Components, Creating a Behavior Script Component, HTA:APPLICATION Element | HTA:Application Object, Behavior Handler Reference, and HTC Reference.

See Also

Introduction to Cascading Style Sheets | Working With CSS Styles | 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