CSS text-transform in Hindi

📔 : CSS 🔗

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 करता है।

CSS text-transform syntax
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

CSS text-transform example

CopyFullscreenClose FullscreenRun
<!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>

Related Topics :

Rahul Kumar

Rahul Kumar

Hi ! My name is Rahul Kumar Rajput. I'm a back end web developer and founder of learnhindituts.com. I live in Uttar Pradesh (UP), India and I love to talk about programming as well as writing technical tutorials and tips that can help to others.

Get connected with me. :) LinkedIn Twitter Instagram Facebook

b2eprogrammers