Css Text Transform First Letter Uppercase 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: css text transform


#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 4: css all uppercase to capitalize


.link {
text-transform: lowercase;

}

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

Example 5: css all uppercase to capitalize


.link {
text-transform: lowercase;
}

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

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable