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