xxxxxxxxxx
.uppercase {
text-transform: uppercase;
}
#example {
text-transform: none; /* No capitalization, the text renders as it is (default) */
text-transform: capitalize; /* Transforms the first character of each word to uppercase */
text-transform: uppercase; /* Transforms all characters to uppercase */
text-transform: lowercase; /* Transforms all characters to lowercase */
text-transform: initial; /* Sets this property to its default value */
text-transform: inherit; /* Inherits this property from its parent element */
}
xxxxxxxxxx
.link {
text-transform: lowercase;
}
.link::first-line {
text-transform: capitalize;
}
xxxxxxxxxx
.class_name {
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
}
xxxxxxxxxx
.your-class-name-here {
text-transform: uppercase ;
}
/* this will make the text all uppercase */
xxxxxxxxxx
p{
/* Keyword values */
text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: full-width;
text-transform: full-size-kana;
/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: revert;
text-transform: revert-layer;
text-transform: unset;
}