Changing Text Case Using CSS

Discussion in 'CSS' started by maddyesign, Jul 3, 2010.

  1. #1
    You can easily change the case of a text using css like this:

    Example source text: A nice website


    To force text to lowercase:
    text-transform: lowercase;

    Output of example text using this style:
    a nice website

    To force text to uppercase:
    text-transform: uppercase;

    Output of example text using this style:
    A NICE WEBSITE

    To force text to propercase:
    text-transform: capitalize;

    Output of example text using this style:
    A Nice Website
     
    maddyesign, Jul 3, 2010 IP
  2. s_ruben

    s_ruben Active Member

    Messages:
    735
    Likes Received:
    26
    Best Answers:
    1
    Trophy Points:
    78
    #2
    Thank you! Great tutorial! :)
     
    s_ruben, Jul 7, 2010 IP