The Text-transform attribute values are mainly applied:
Uppercase: The letters of all words are capitalized;
Lowercase: The letters of all words are lowercase;
Capitalize: The first letter of each word is capitalized;
None: Default value is displayed;
1 <Headrunat= "Server">2 <title>Apply the Text-transform property</title>3 <styletype= "Text/css">4 H25 {6 font-family:blackbody;7 font-size:18pt;8 text-align:Center;9 }Ten . P1 One { A font-size:15px; - Text-transform:Uppercase; - } the . P2 - { - font-size:15px; - Text-transform:lowercase; + } - . P3 + { A font-size:15px; at Text-transform:Capitalize; - } - . P4 - { - font-size:15px; - Text-transform:None; in } - </style> to </Head> + <Body> - <formID= "Form1"runat= "Server"> the <Div> * <H2> $Convert English to case</H2>Panax Notoginseng <Pclass= "P1"> -Welcome to ... The letters of all words are capitalized</P> the <Pclass= "P2"> +Welcome to ... The letters of all words are lowercase</P> A <Pclass= "P3"> theWelcome to ... All words are capitalized in the first letter</P> + <Pclass= "P4"> -Welcome to ... Default value</P> $ </Div> $ </form> - </Body>
View Code
:
HTML Learning Notes-letter case Conversion Exercise