CSS Manual Simplified: text attributes

Source: Internet
Author: User
Tags manual

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.