![\"\"](\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-transform.jpg\"){kind=spacer}
\nOutput (as you might have guessed) –<\/p>\n
This property can be used to transform the text to uppercase, lowercase, or capitalize the text.<\/p>\n
text-transform: uppercase; – this makes the text uppercase.
\ntext-transform: lowercase; – this makes the text lowercase.
\ntext-transform: capitalize; – this makes the first letter of every word capital.<\/p>\n
Here is the code for text-transform. Here, you can see that we are making the text uppercase. You can also try doing the lowercase or capitalizing the text.<\/p>\n
\nOutput (as you might have guessed) –<\/p>\n
![\"\"](\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-transform-1.jpg\"){kind=spacer}
Also, let’s try doing some lowercase and capital as well. In the below code, we are just trying to get the text in the lowercase first. Doing lowercase does exactly the same as you might have thought of, it just transforms the text to lower case, and when we do capitalize, the first letter of every word becomes capital. Let’s have a look now –<\/p>\n
![\"\"](\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-transform-2.jpg\"){kind=spacer}
Output, as you might have seen –<\/p>\n
![\"\"](\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-transform-3.jpg\"){kind=spacer}
Now, let’s try to capitalize the text –<\/p>\n
![\"\"](\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-transform-4.jpg\"){kind=spacer}
The output, as you might have guessed again-<\/p>\n
![\"\"](\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-transform-5.jpg\"){kind=spacer}
<\/p>\n","protected":false},"excerpt":{"rendered":"
This property can be used to transform the text to uppercase, lowercase, or capitalize the text. text-transform: uppercase; – this makes the text uppercase. text-transform: lowercase; – this makes the text lowercase. text-transform: capitalize; – this makes the first letter of every word capital. Here is the code for text-transform. Here, you can see that […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[9,13],"class_list":{"0":"post-440","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-css-tutorial","7":"tag-css","8":"tag-css-tutorial"},"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=440"}],"version-history":[{"count":3,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/440\/revisions"}],"predecessor-version":[{"id":1430,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/440\/revisions\/1430"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}