Tech Junkie Blog - Real World Tutorials, Happy Coding!: CSS: text-transform

Friday, July 16, 2021

CSS: text-transform

With text-transform you can transform your text into Autobots or Deceptacon? Not exactly, but what  you can do is transform your text to uppercase, lowercase, capitalize it. It's pretty self explanatory.

Here are the examples of a text-transform:

p.upper {text-transform:uppercase}
p.lower {text-transform:lowercase}
p.cap {text-transform: capitalize}

Here are the HTML markup:

            <p class="upper">uppercase me</p>
            <p class="lower">LOWERCASE ME</p>
            <p class="cap">captain america me</p>

Here is the output:













Previous: CSS: The em Unit

14 comments:

  1. Besthyiptemplate is the top HYIP service provider in the present HYIP market. We provide HYIP template design, green bar SSL, company registration and more HYIP solutions and services. All these are implemented with an affordable and wide range of products

    ReplyDelete
  2. Thank you for sharing such a nice and informative Blog.
    food ordering mobile app development

    ReplyDelete
  3. Nice Information...thanks for sharing this good information & i have some information about the Real Estate luxurious projects in Hyderabad, Telangana, India...
    This Project will helpful for those who are looking to buy their Dream Home with low budget..
    Thanks for Sharing..!.!

    Ambience Courtyard
    Sumadhura Horizon
    The Botanika
    Spring is in the air
    Aditya Athena

    ReplyDelete
  4. I really like your blog thanks for sharing...and i have some information about Ambience Courtyard developed by Koncept Ambience Group, located in Manikonda, Hyderabad. Project provides 2,2.5 & 3bhk bedroom luxury flats available for sale in affordable prices.

    Ambience Courtyard
    Ambience Courtyard Hyderabad
    Ambience Courtyard Manikonda
    Ambience Courtyard Manikonda Hyderabad

    ReplyDelete
  5. Your selection of topic is very good and also well written. Thanks for sharing. I feel like all your ideas are incredible! Great job!!!
    I have some information about:
    Brigade Citadel
    Pooja Magic Breeze
    Ramky One Harmony
    Luxury Park 2

    ReplyDelete
  6. Great Information...Thanks for sharing with us...Aditya Athena is a brand new residential project developed by Sri Aditya Homes located in Shaikpet, Hyderabad. It offers 2bhk and 3bhk Residential Apartments in affordable prices.

    Aditya Athena
    Sri Aditya Athena
    Aditya Athena Hyderabad
    Aditya Athena Shaikpet

    ReplyDelete
  7. Nice Blog,I feel like all your ideas are incredible! Great job!!!
    I have some information about:

    Pbel City
    ASBL Spire
    Phoenix Luxury Park 1
    Aspire Spaces Ameya
    Aspire Ameya

    ReplyDelete
  8. Great blog created by you. I read your blog, its best and useful information. You have done a good work. Thanks...
    Happy blogging and keep posting !

    Pooja Magic Breeze
    Magic Breeze
    pooja crafted homes magic breeze
    magic breeze narsingi
    magic breeze Hyderabad
    Pooja magic breeze Hyderabad

    ReplyDelete
  9. I enjoyed reading your post.You make so many great points here that I read your article a couple of times.
    Luxury Park 2
    Luxury Park 2 Mamidipally
    Luxury Park 2 Hyderabad

    ReplyDelete
  10. I love the way you write and share your niche! Very interesting and different! Great job!!! I have some information about:
    Ramky One Harmony
    Ramky One Harmony Pragathi Nagar
    Ramky One Harmony Hyderabad
    Ramky One Harmony Pragathi Nagar Hyderabad

    ReplyDelete
  11. Great Blog...thanks for sharing with us...and i have some information about Sumadhura Horizon is a residential project developed by Sumadhura Infracon Pvt. Ltd, located in Kondapur, Hyderabad. It is provides 3BHK Luxury Flats in affordable prices.

    Sumadhura Horizon
    Sumadhura Horizon Hyderabad
    Sumadhura Horizon Kondapur

    ReplyDelete

Search This Blog