Specifies the visual presentation of characters, spaces, words, and paragraphs.
| Control | Description | Options | Property |
|---|---|---|---|
| Align | Controls the horizontal alignment of inline content. | center, end, justify, left, right, start | theme_text_prop.html#text-align |
| Blink | Adds blink decoration. | blink, none | theme_text_prop.html#mcs-text-blink |
| Line Through | Adds linethrough decoration. | none, solid | theme_text_prop.html#mcs-text-line-through-style |
| Overline | Adds overline decoration. | none, solid | theme_text_prop.html#mcs-text-overline-style |
| Underline | Adds underline decoration. | none, solid | theme_text_prop.html#mcs-text-underline-style |
| Indent | The amount and units of indentation of the first line of text. | <length>, <percentage> | theme_text_prop.html#text-indent |
| Letter Spacing | The amount and units of additional space between characters. | normal, <length> | theme_text_prop.html#letter-spacing |
| Transform | Sets initial capitals, or all lower or uppercase. | capitalize, lowercase, none, uppercase | theme_text_prop.html#text-transform |
| Word Spacing | The amount and units of additional space between words. | normal, <length> | theme_text_prop.html#word-spacing |
| White Space | Specifies how white space inside the element is handled. | normal, nowrap, pre | theme_text_prop.html#white-space |
| Overflow Style | Page authors can use the Overflow control to specify that the content of a block-level element should be clipped when it overflows its container, and then use the Overflow Style control to provide users with a visual indication that the content has been clipped. See also: Text overflow. | clip, ellipsis, indicator, URI, <image_policy> | theme_text_prop.html#mcs-text-overflow-style |
| Shadow | Creates a blurred and shifted copy of a text that is intended to imitate a shadow effect. The property accepts a sequence of comma-separated rules; each rule defines a single shadow effect. Refer to the topic entitled Text shadows for further information. | theme_text_prop.html#mcs-text-shadow |
Specifies the amount and units of additional space between characters. The default value is 'normal'.
| Option | Description |
|---|---|
| normal | No extra space between characters |
| <length> | Defines an extra space between characters. |
| inherit | The value of the property should be inherited from the parent element. |
Adds blink decoration. The default value is 'none'.
| Option | Description |
|---|---|
| blink | Adds blink decoration. |
| none | No blink decoration. |
| inherit | The value of the property should be inherited from the parent element. |
Adds linethrough decoration. The default value is 'none'.
| Option | Description |
|---|---|
| none | Produces no line. |
| solid | Produces a solid line. |
| inherit | The value of the property should be inherited from the parent element. |
Page authors can use the overflow property to specify that the content of a block-level element should be clipped when it overflows its container, and then use the mcs-text-overflow-style property to provide users with a visual indication that the content has been clipped. The default value is 'clip'. See also: Text overflow.
| Option | Description |
|---|---|
| clip | Provides no visual indication that the content has been clipped. |
| ellipsis | Inserts the ellipsis character (...) at the end of the text, if the text overflows the box |
| indicator | Allows authors to use custom characters to indicate that the content has been clipped. |
| url('URI') | The URI of the image to use as the indicator. |
| mcs-component-url('URI') | The URI of the image policy to use. |
| mcs-transcodable-url('URI') | The URI of the image to display. The image will be transcoded, if necessary. |
| inherit | The value of the property should be inherited from the parent element. |
Adds overline decoration. The default value is 'none'.
| Option | Description |
|---|---|
| none | Produces no line. |
| solid | Produces a solid line. |
| inherit | The value of the property should be inherited from the parent element. |
You use the mcs-text-shadow property to create a blurred and shifted copy of a text that is intended to imitate a shadow effect. The property accepts a sequence of comma-separated rules; each rule defines a single shadow effect. See also: Text shadows.
mcs-text-shadow: <color> <offset-x> <offset-y> <blur-radius>;where:
The color for the shadow effect represented by a color name or a hex code.
Length values that define the horizontal and vertical distance of the shadow, relative to the text.
An optional length value which specifies the blur radius of the shadow; the higher the value, the bigger the blur effect and the shadow becomes wider and lighter. The default value is '0', i.e. no blur.
Adds underline decoration. The default value is 'none'.
| Option | Description |
|---|---|
| none | Produces no line. |
| solid | Produces a solid line. |
| inherit | The value of the property should be inherited from the parent element. |
Sets the horizontal alignment of inline content.
| Option | Description |
|---|---|
| center | Centers the text. |
| end | The same as 'right' if the direction is left-to-right, or 'left' if the direction is right-to-left. |
| justify | Indicates that the lines should be stretched so that each line has equal width. |
| left | Indicates that the text should be aligned to the left. |
| right | Indicates that the text should be aligned to the right. |
| start | The same as 'left' if the direction is left-to-right, or 'right' if the direction is right-to-left. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies the amount and units of indentation of the first line of text. The default value is '0'.
| Option | Description |
|---|---|
| <length> | Defines a fixed indentation in length units. |
| <percentage> | Defines the indentation in % of the width of the parent element. |
| inherit | The value of the property should be inherited from the parent element. |
Sets initial capitals, or all lowercase or uppercase. The default value is 'none'.
| Option | Description |
|---|---|
| capitalize | Transforms the first character of each word to uppercase. |
| lowercase | Transforms all characters to lowercase. |
| none | The text is to be rendered as is. |
| uppercase | Transforms all characters to uppercase. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies how white spaces inside the element should be handled. The default value is 'normal'.
| Option | Description |
|---|---|
| normal | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. |
| nowrap | Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. |
| pre | Whitespace should be preserved by the browser. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies the amount and units of additional space between words. The default value is 'normal'.
| Option | Description |
|---|---|
| normal | No extra space between words. |
| <length> | Defines an extra space between words in length units. |
| inherit | The value of the property should be inherited from the parent element. |
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
xmlns:mcs="http://www.volantis.com/xmlns/2006/01/xdime/mcs">
<head>
<title>Text properties</title>
<style type="text/css">
p {
text-align: center;
mcs-text-blink: blink;
mcs-text-line-through-style: solid;
mcs-text-overline-style: solid;
mcs-text-underline-style: solid;
text-indent: 100px;
letter-spacing: 10px;
text-transform: capitalize;
word-spacing: 20px;
white-space: normal;
}
</style>
</head>
<body>
<div>
<h2>Antenna Software</h2>
<p>Antenna Software helps organizations solve the complexity of delivering the true mobile Internet to
thousands of unique devices, without compromise, to the highest quality user experience,
performance and reliability. Antenna Software is the world leader in Intelligent Content Delivery
solutions.</p>
</div>
</body>
</html>