Uppercase CSS | Lowercase | Capitalize | CSS text-transform Property

Uppercase CSS | Lowercase | Capitalize | CSS text-transform Property

CSS text-transform Property Syntax:

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Example

Transform text in different <span> elements:

span.a {
  text-transform: uppercase;
}

span.b {
  text-transform: lowercase;
}

span.c {
  text-transform: capitalize;

} 

CSS text-transform Property Details

ValueDescription
noneThis is default text without change
capitalizeThe first character of each word will be uppercase
uppercaseAll characters will be uppercase
lowercaseAll characters will be lowercase
initialSets this property to its default value.
inheritInherits this property from its parent element.






Post a Comment

Thank for leaving message

أحدث أقدم
managed wordpress hosting
managed wordpress hosting