text-transform first letter uppercase code example

Example 1: css capitalize first letter

&::first-letter {
  text-transform: capitalize;
}

Example 2: conveert text to uppercase in input field

<input type="text" class="normal" 
       name="Name" size="20" maxlength="20" 
       style="text-transform:uppercase" />

Example 3: How do you make each word in a text start with a capital letter?

h1 {
  text-transform: capitalize;
}

Example 4: css all uppercase to capitalize

.link {
  text-transform: lowercase;
 
}

.link::first-line {
  text-transform: capitalize;
}

Example 5: text transform in css

/*HTMl*/
<p >Initial String
  <h2>Lorem ipsum dolor sit amet</h2>
</p>
<div class="heading">
  This will be capitalize
</div>

 /*CSS*/
.heading {
  text-transform: capitalize;
}
/*OTHER TEXT TRANSFORM*/ 
text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: full-width;
text-transform: full-size-kan

Example 6: all text in caps using css

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

Tags:

Css Example