capitalize first letter 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;
}

Example 5: all text in caps using css

.class_name {
  text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
}