To implement English and Chinese pinyin into full-capitalization, all-lowercase, and first-letter capitalization, you need to use
CSS in the Text-transform style properties, the next introduction
1, the value of Text-transform
1) Capitalize: Capitalize the first letter of English pinyin
2) Uppercase: English phonetic Alphabet all caps
3) Lowercase: English phonetic alphabet full lowercase
2. Text-transform syntax
text-transform:+ value types, such as: text-transform:capitalize;
3, the simple use of text-transform
1) Capitalize the first letter in English
2) English full capitalization
3) English Full lowercase
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "Utf-8"> <title>The use of text-transform in CSS</title> </Head> <styletype= "Text/css">. Font1{Text-transform:Capitalize; /** * Initial capital Letter **/ }. Font2{Text-transform:Uppercase; /** * All caps in English **/ }. Font3{Text-transform:lowercase; /** * English full lowercase **/ } </style> <Body> <spanclass= "Font1">Hello World</span><BR/><BR/> <spanclass= "Font2">He's a sunny boy</span><BR/><BR/> <spanclass= "Font3">I AM A BLUNT Man</span><BR/> </Body></HTML>
4. Result view
How do you make English and pinyin into full-capitalization, all-lowercase, and first-letter capitalization in CSS?