Text

The properties on this tab set the details for text in the selected object. Note that these properties are in addition to the Font properties. Click on the properties in the illustration for further details.

Figure 1 - The HTML Style Properties > Text tab

• Letter spacing - specify the spacing between the letters, in pixels, for the object.
• Text indent - specify, in pixels, the indent to be used for the first line of text in the object.
• Word spacing - specify the spacing between the words, in pixels, for the object.
• Line Height - specify the spacing between the text baselines. The line height is calculated by multiplying the element's font size by the given value. Percentage values are relative to the element's font size. Negative values are not permitted.
• Text transform - specify how the text in the object is to be the rendered. The options are:
• NotSet - (default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Capitalize - makes the first letter of every word upper-case.
• Lowercase - makes all the letters lower case.
• Uppercase - makes all the letters upper case.
• None - text is not transformed.
• White space - defines how lines of text are to be wrapped within the object. The options are:
• NotSet- (default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Normal - white space is ignored by the browser.
• NoWrap - line breaks are suppressed. Content does not wrap to the next line.
• Pre - white space is preserved by the browser.
• Vertical alignment - specifies how the text is to be positioned vertically within the object. The options are:
• NotSet- (default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Baseline - aligns the baseline of the element with the baseline of the parent element.
• Bottom - the bottom of the element is aligned with the lowest element on the line.
• Middle - the element is placed in the middle of the parent element.
• Subscript - aligns the element as if it was subscript.
• Superscript - aligns the element as if it was superscript.
• Text Bottom - the bottom of the element is aligned with the bottom of the parent element's font.
• Text Top - the top of the element is aligned with the top of the parent element's font.
• Top - the top of the element is aligned with the top of the tallest element on the line.
• Inherit - specifies that the value of the vertical-align property is to be inherited from the parent element.
• Horizontal alignment - specifies how the text is to be positioned, horizontally, within the object. The options are:
• NotSet- (default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Left - places the text at the left end of the line (see the note below).
• Centered - places the text at the center of the line.
• Right - places the text at the right end of the line (see the note below).
• Justified - within reason, this setting spreads the text across the width of the line. If the text requires considerably less space than is available, left alignment will be used by default.
• Text shadow - the following properties allow you to add a shadow to the text and set the shadow's parameters.
• Horizontal offset - type in a value in pixels (px) for the shadow horizontal offset. A + value puts the shadow to the right of the text, a - value puts the shadow to the left.
• Vertical offset - type in a value in pixels (px) for the shadow vertical offset. A + value puts the shadow below the text, a - value puts the shadow above.
• Blur - the shadow can have a hard edge, or the edge can be blurred. Type in a value in pixels (px) for the shadow blur.
• Color - select the shadow's color.
• Custom - you can specify any number of shadows. Write the requirements separated by commas.
• Text overflow - In some cases text will have to be clipped, for example when it overflows the element’s box. When this happens, you may want to leave a visual “hint” to the user that the text has been clipped. The most commonly used indicator is the ellipsis character: "…". The options are:
• Not set - the indicator uses the setting of the next highest style.
• Clip - the text is merely clipped; no indication is given.
• Ellipses - the ellipses character is used.
• Other - choose a custom character - a further field opens in which you can input the character.

Note: The Horizontal Alignment property contains two options that are dependant on the type of language in use. Left (right in RTL) and Right (left in RTL) will automatically place the text at the opposite end of the line in the event a right-to-left language is in use.