text first letter uppercase css code example
Example 1: css all caps
.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 */
}
Example 2: css capitalize first letter
&::first-letter {
text-transform: capitalize;
}
Example 3: conveert text to uppercase in input field
<input type="text" class="normal"
name="Name" size="20" maxlength="20"
style="text-transform:uppercase" />
Example 4: How do you make each word in a text start with a capital letter?
h1 {
text-transform: capitalize;
}