text transform in css

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#example {
2  text-transform: none;	/* No capitalization, the text renders as it is (default) */
3  text-transform: capitalize;	/* Transforms the first character of each word to uppercase */
4  text-transform: uppercase;	/* Transforms all characters to uppercase */
5  text-transform: lowercase;	/* Transforms all characters to lowercase */
6  text-transform: initial;	/* Sets this property to its default value */
7  text-transform: inherit;	/* Inherits this property from its parent element */
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