CSS attributes:
6. Text attributes:
This attribute will affect the text display in the WEB document.
The text-indent attribute describes the degree of text indent:
Property Name: 'Text-indent'
Attribute value: <length >|< percentage>
Initial value: 0
Target objects: container elements
Inherit?: yes
Percentage remarks: based on the width of the parent element
The following example shows that the indent value of a paragraph is 3em:
P {text-indent: 3em}
The Alignment attribute indicates the text Alignment:
Attribute name: 'alignment'
Attribute value: left | right | center | justify
Initial value: according to user-defined
Intended audience: block-level elements
Inherit?: yes
Percentage remarks: Forbidden
Text-decoration:
Property Name: 'Text-recoration'
Attribute value: none | [underline | overline | line-through | blink]
Initial value: none
Target objects: all elements
Inherit: no (see clarification below)
Percentage remarks: Forbidden
The attribute values are described as follows:
Underline: underline.
Overline: dashes.
Line-through: strikethrough.
Blink: Flashing (like the blink feature in Navigator)
The text-shadow attribute can be used to add shadow effects to text:
Property Name: 'Text-shadow'
Attribute value: none | <color> [, <color>] *
Initial value: none
Target Audience: all
Inherit?: No
Percentage remarks: valid only when transparency is described
For example:
P {text-shadow: black}
In the preceding example, a black shadow is displayed at the bottom right of the text, and the shadow increases the area of the BOX.
The letter-spacing attribute indicates the text spacing: attribute name: 'Letter-spacing'
Attribute value: normal | <length> | auto
Initial value: normal
Target objects: all elements
Inherit?: yes
Percentage remarks: Forbidden
For example:
BLOCKQUOTE {letter-spacing: 0.1em}
The word-spacing attribute indicates the word spacing in text:
Property Name: 'Word-spacing'
Attribute value: normal | <length>
Initial value: normal
Target objects: all elements
Inherit?: yes
Percentage remarks: Forbidden
For example:
H1 {word-spacing: 1em}
The text-transform attribute can display text in the BOX in the specified upper or lower case format:
Property Name: 'Text-transform'
Attribute value: capitalize | uppercase | lowercase | none