If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
text-transform property का use text को small case या upper case में show करने के लिए किया जाता है। इसकी values कुछ इस तरह से हैं।
non : इससे कोई text capitalization नहीं होता , text जैसा होता है बैसे ही show होता है।
capitalize : इससे हर word का first character capital हो जाता है।
uppercase : इससे सभी characters uppercase में हो जाते हैं।
lowercase : यह सभी characters को lowercase में convert करता है।
initial : यह default value set करता है।
inherit : यह अपने parent element से value inherit करता है।
element{
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
}text-transform : none; example
text-transform : capitalize; example
text-transform : uppercase; example
text-transform : lowercase; example
text-transform : initial; example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS text-transform example</title>
</head>
<body>
<p style="text-transform:none;">text-transform : <b>none;</b> example</p>
<p style="text-transform:capitalize;">text-transform : <b>capitalize;</b> example</p>
<p style="text-transform:uppercase;">text-transform : <b>uppercase;</b> example</p>
<p style="text-transform:lowercase;">text-transform : <b>lowercase;</b> example</p>
<p style="text-transform:initial;">text-transform : <b>initial;</b> example</p>
<p style="text-transform:uppercase;"><span style="text-transform:inherit;">text-transform : <b>inherit;</b> example</span></p>
</body>
</html>