The usage of analytic text-transform and the example tutorial

Grammar:
Text-transform:none | Capitalize | Uppercase | lowercase
Parameters:
None: No conversion occurs
Capitalize: Converts the first letter of each word to uppercase, and the remaining no conversions occur
Uppercase: Convert to uppercase
Lowercase: Convert to lowercase
Description:
Retrieves or sets the case of the text in the object.
The corresponding script attribute is texttransform. Please refer to the other bibliography I have written.

Text-transform and Font-variant differences

Both Text-transform and font-variant can convert the English text to uppercase and lowercase. But Font-variant's only role is to convert the English text into "small" uppercase text, noting that this is "small". In general, the Font-variant attribute is rarely used, and for the case conversion of English, we use the Text-transform property instead of the Font-variant property.

Example

Edit

div {text-transform:none;} div {text-transform:capitalize;} div {text-transform:uppercase;} div {text-transform:lowercase;}

Note: 1. Use Text-transform only to work with English. Invalid for Kanji

2. Use Text-transform to see immediate effects with Dreamweaver

Examples of Text-transform

<! DOCTYPE html>