Check out example codes for "css all uppercase to capitalize". It will help you in understanding the concepts better.

Code Example 1

/* Answer to: "css all caps" */

/*
  The text-transform property controls the capitalization of text.
  For an interactive demonstration on each property value, go to:
  https://www.w3schools.com/cssref/playit.asp?filename=playcss_text-transform&preval=uppercase

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

div.a {
  text-transform: uppercase;
}

div.b {
  text-transform: lowercase;
}

div.c {
  text-transform: capitalize;
}

Code Example 2

input { 
    text-transform: uppercase;
}

Code Example 3

.link {
  text-transform: lowercase;
 
}

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

Code Example 4

.link {
  text-transform: lowercase;
}

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

Learn ReactJs, React Native from akashmittal.com