Style Web properties

Author-it Objects

The Web tab contains properties that define how the text is formatted in the HTML page. The properties define a complete CSS definition as defined by the W3C recommendation, 17 Dec 1996 Cascading Style Sheets, level 1 (REC-CSS1-961217)W3C website.

Style - Web Tab

Important: The concepts that CSS uses are quite different to the concepts we have become used to in word processor documents. Spend time reading the W3C recommendations and making sure you fully understand the CSS model before attempting to define any styles.
Not all web browsers fully support CSS, so may not always display the information as you intend.

Font

Name

Choose the font face for the CSS definition.

Size

Define the size of the font in the CSS definition. Choose an exact measurement, a relative measurement, or a selected value from the list.

Color

Define the color of the text in the CSS definition.

Tag

Choose an HTML character tag that applies to the selected text. This way browsers that don't support CSS can still render the text in a chosen format.

Effects

Choose from several effects to apply to the text in CSS definition. The "(normal)" setting means the effect is not applied.

Background

Color

Choose from several effects to apply to the text in CSS definition. The "(normal)" setting means the effect is not applied.

Image

Define a link to an image file that displays as the background for the text in the CSS definition.

Repeat

Choose how the CSS Background Image repeats across the background of the text in the CSS definition.

Attach

Choose how the CSS Background Image attaches to the text in the CSS definition.

Position

Define the vertical and horizontal position of the CSS Background Image relative to the top left hand corner of the text or paragraph element. Type a percentage value, or select a value from the list.

Text

Word Spacing

Define the spacing between words for the paragraph or text element in CSS definition. Type a value of "(normal)", a relative measurement, or an exact measurement.

Letting Spacing

Define the spacing between letters for the paragraph or text element in CSS definition. Type a value of "(normal)", a relative measurement, or an exact measurement.

Text Alignment

Choose how the paragraph aligns in relation to the indents from the edge of the HTML page.

Line Indent

Define the indentation that appears before the first formatted line. The value may be negative, and can be a relative measurement, an exact measurement, or a percentage value.

Line Height

Define the distance between two adjacent lines' baselines (bottom of the line). Type a value of "(normal)", a relative measurement, an exact measurement, or a percentage value. Negative values are not allowed.

Vertical Alignment

Define the vertical positioning of the text or paragraph element relative to the baseline of the current line. Type a percentage value, or choose a setting from the list.

Spacing

Margins

Define the margin between a text or paragraph element and its border. Type a value of "(auto)", a relative measurement, an exact measurement, or a percentage value for each of the four sides. Negative values are allowed.

Padding

Define the indentation that appears before the first formatted line. The value may be negative, and can be a relative measurement, an exact measurement, or a percentage value.

Borders

Width

Define the width of the border to apply to a text or paragraph element. Type a relative measurement, an exact measurement, or choose a setting from the list for each of the four sides.

Style

Choose a style for the border. Choose a different style for each of the four sides or if you do not want a border for a particular side, then choose "(none)".

Color

Define a color for the border. Choose a color for each of the four sides.

List Style

HTML Tag

No numbering is applied, and restarts any numbered paragraphs preceding it. You must choose an HTML paragraph tag.

HTML Paragraph Tag

Choose an HTML paragraph tag that applies to the selected text. This way browsers that do not support CSS may still render the text in a chosen format. Only set this property when the CSS Numbering Type is set to None.

Number

Sequential numbering is applied. This also restarts any numbered paragraphs preceding it with a lower Outline Level. You must choose the style of sequential numbering applied to the paragraph in the HTML.

Bullet

places a character before the paragraph. This also restarts any numbered paragraphs preceding it with a lower Outline Level. You must choose the style of bullet applied to the paragraph in HTML, or use a bullet image.

Bullet Image

Set a link to an image file that displays as the bullet for the paragraph in HTML. This is only available when you set the CSS Numbering Type to Bullet, and replaces the CSS Bullet Style. This property supports relative folders.

None

No numbering is applied, and any numbered paragraphs continue numbering in the following paragraphs. This allows you to have multiple paragraphs for a single numbered point.

Layout

Sizing

Define the physical size in height and width of a text or paragraph element. Type a value of "(auto)", a relative measurement, an exact measurement, or a percentage value. Negative values are not allowed.

Float

Choose how other text will wrap around this element. A value of "Left" will cause the element to be aligned to the left and other text to wrap on the right hand side of it.

Clear

Choose how other text will wrap around this element. A value of "Left" will cause the element to be aligned to the left and other text to wrap on the right hand side of it.

White Space

Choose how white space inside the element is handled. A setting of "(normal)" collapses white space, as in a proportional font, and a setting of "Pre" does not, as in a non-proportional font.