DONT ADD ANYTHING HERE!

  1. The text-transform CSS property specifies how to capitalize an element's text
  2. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized

Values

  1. capitalize
    1. Is a keyword that converts the first letter of each word to uppercase
    2. Other characters remain unchanged (they retain their original case as written in the element's text)
  2. uppercase
    Is a keyword that converts all characters to uppercase
  3. lowercase
    Is a keyword that converts all characters to lowercase
  4. none
    Is a keyword that prevents the case of all characters from being changed

Examples

  1. this is a sentence

  2. this sentence is capitialized

  3. this sentence is uppercase

  4. THIS SENTENCE IS LOWERCASE

Code

css 
    .capitalize {
        text-transform: capitalize;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .lowercase {
        text-transform: lowercase;
    }
html 
    <ol>
        <li>
            <p>this is a sentence</p>
        </li>
        <li>
            <p class="capitalize">this sentence is capitialized</p>
        </li>
        <li>
            <p class="uppercase">this sentence is uppercase</p>
        </li>
        <li>
            <p class="lowercase">THIS SENTENCE IS LOWERCASE</p>
        </li>
    </ol>

References

MDN: text-transform