CSS Text (tutorial)

1, Text-transform --Text conversion

Defines the case state of the text, which is meaningless for Chinese

• Value:capitalize | uppercase | lowercase | none | inherit
  • Capitalize: Capitalize first letter
  • Uppercase: Uppercase
  • Lowercase: lowercase
  • None: Normal no change
  • Inherit: Inheritance
• Citation URL: http://www.dreamdu.com/css/property_text-transform/
• Initial value: None
• Inheritance: Yes
• Applies to: all elements
• Text: Literal. Transform: Convert.

2,letter-spacing --Defines the spacing of letters in text (Chinese is the spacing of text)

• Value: Normal | <length> | Inherit
  • Normal: OK (mainly based on the user's browser and other devices)
  • <length>: Length notation
  • Inherit: Inheritance
• Initial value: Normal
• Inheritance: Yes
• Applies to: all elements
• letter, Chinese "alphabet", spacing, Chinese "interval"
• Citation URL: http://www.dreamdu.com/css/property_letter-spacing/

3,word-spacing -Defines the spacing between spaces (that is, the width of the space itself)

• Value: Normal | <length> | Inherit
  • Normal: OK
  • <length>: Length notation
  • Inherit: Inheritance
• Initial value: Normal
• Inheritance: Yes
• Applies to: all elements
• Word: Word. Spacing: interval.
• Citation URL: http://www.dreamdu.com/css/property_word-spacing/

4.Text-decoration -Defines whether the text is underlined or underlined

• Value: none | [Underline | | overline | | line-through | | blink] | Inherit
  • None: Defines the text for normal display
  • [Underline | | overline | | line-through | | blink]: One or more of four values
    • Underline: Defines underlined text
    • Overline: Defines an underlined text
    • Line-through: Defining a line through text
    • Blink: Defining Flashing text
  • Inherit: Inheritance
• Citation URL: http://www.dreamdu.com/css/property_text-decoration/
• Initial value: None
• Inheritance: No
• Applies to: all elements
• Text: literal. Decoration: decoration.

5,white-space --the display of elements within the space

• Value: Normal | Pre | nowrap | Pre-wrap | Pre-line | Inherit
  • Normal: No change normally (default processing.) text is automatically wrapped. If you arrive at the container boundary the content will go to the next line)
  • Pre: Keep the HTML source space and line wrapping equal to the pre tag
  • NoWrap: Force text in one line unless you encounter a BR wrap label
  • Pre-wrap: Same as pre property, but will wrap automatically when encountering outside of container range
  • Pre-line: Same as the pre property, but encountering contiguous spaces is considered a space
  • Inherit: Inheritance
• Initial value: Normal
• Inheritance: Yes
• Applies to: all elements
• White: space: interval, distance.
• Citation URL: http://www.dreamdu.com/css/property_white-space/

CSS Text (tutorial)