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