1.uppercase {
2 text-transform: uppercase;
3}
4
5#example {
6 text-transform: none; /* No capitalization, the text renders as it is (default) */
7 text-transform: capitalize; /* Transforms the first character of each word to uppercase */
8 text-transform: uppercase; /* Transforms all characters to uppercase */
9 text-transform: lowercase; /* Transforms all characters to lowercase */
10 text-transform: initial; /* Sets this property to its default value */
11 text-transform: inherit; /* Inherits this property from its parent element */
12}
1<input type="text" class="normal"
2 name="Name" size="20" maxlength="20"
3 style="text-transform:uppercase" />
1.link {
2 text-transform: lowercase;
3
4}
5
6.link::first-line {
7 text-transform: capitalize;
8}
1/*HTMl*/
2<p >Initial String
3 <h2>Lorem ipsum dolor sit amet</h2>
4</p>
5<div class="heading">
6 This will be capitalize
7</div>
8
9 /*CSS*/
10.heading {
11 text-transform: capitalize;
12}
13/*OTHER TEXT TRANSFORM*/
14text-transform: none;
15text-transform: capitalize;
16text-transform: uppercase;
17text-transform: lowercase;
18text-transform: full-width;
19text-transform: full-size-kan