CSS में text-transform property का use text को upper case या फिर lower case में लिखने के लिए किया जाता है। इसके साथ कुछ values का use किया जाता है।
non: इसके use से कोई text capitalization नहीं होता है , text जैसा लिखा होता है वैसे ही show होता है।capitalize: इसके use से हर word का first character capital हो जाता है।uppercase: इसके use से सभी characters uppercase में हो जाते हैं।lowercase: इसके use से सभी characters को lowercase में convert करता है।initial: इसके use से यह default value set करता है।inherit: इसके use से यह अपने parent element से value inherit करता है।
Syntax
element{
text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: initial;
text-transform: inherit;
}Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS text-transform example by Technalay</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>Preview
text-transform : none; example
text-transform : capitalize; example
text-transform : uppercase; example
text-transform : lowercase; example
text-transform : initial; example
text-transform : inherit; example