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