Home > Developer > Web Develop
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?
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
