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
   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>
    <meta charset="utf-8">
    <title>CSS text-transform example</title>
  	<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>

Related Topics :

Rahul Kumar

Rahul Kumar

Hi ! I'm Rahul Kumar Rajput founder of learnhindituts.com. I'm a software developer having more than 4 years of experience. I love to talk about programming as well as writing technical tutorials and blogs that can help to others. I'm here to help you navigate the coding cosmos and turn your ideas into reality, keep coding, keep learning :)

Get connected with me. :) LinkedIn Twitter Instagram Facebook