CSS in Hindi – Introduction To Text Properties, CSS Text-Transform Property in Hindi

CSS in Hindi – Introduction To Text Properties, CSS Text-Transform Property in Hindi


CSS in Hindi – Introduction To Text Properties

  • CSS text properties in Hindi
  • CSS Text-Transform Property in Hindi
  • CSS Text-align Property in hindi

Introduction To Text Properties

Text Properties वह properties होती है | जिनके द्वारा text तो design किया जाता है | Text properties Font के shape को represent करते है | यानि text property का use font का shape , color change करने के लिए किया जाता है |

Css मे बहुत सारे text properties दी गयी है | जिसमे से हम कुछ properties को निचे दे रहे है | इनका use text formatting के लिए किया जाता है |

  • text-align
  • letter-spacing
  • color property
  • text-transform
  • text-decoration
  • word-spacing
  • text-shadow
  • text-direction
  • text-indent
  • text-rendering
  • text-overflow
  • text-shadow

Text-align Property

Text-align Property के द्वारा text को right , left , center मे किया जाता है | यानी text को browser पर कहा दिखाना चाहते है | उसकी value Text-align Property के अन्दर दी जाती है | इसकी कुछ values होती है | जिसे हम निचे दे रहे है |

  1. Right – अगर आप right value पास करते है | तो आपका text right side मे दिखाई देता है |
  2. Left – अगर आप left value पास करते है | तो आपका text left side मे दिखाई देता है |
  3. Center – अगर आप center value का use करते है | तो आपका text center मे दिखाई देने लगता है |

Note :- इस property का effect only text पर होता है |

<html>
<head>
<style type="text/css">
#p1 { text-align: center; }
#p2 { text-align: left; }
#p3 { text-align: right; }
</style>
</head>
<body>
<p id="p1">Esay Hindi Tutorials</p>
<p id="p2">Esay Hindi Tutorials</p>
<p id="p3">Esay Hindi Tutorials</p>
</body>
</html>

Text-Decoration Property

जब आप html मे <a> tag का use करते है | तो आपके text के निचे एक underline create हो जाती है | अगर आप underline को remove करना चाहते है | या किसी text को underline करना चाहते है | तो आप Text-Decoration Property का use कर सकते है | इसकी भी कुछ values होती है | जिसको हम निचे दे रहे है |

  • none – none type value से text पर कोई भी decoration apply नही होता है।
  • underline – underline value से text के निचे एक underline draw हो जाती है |
  • overline – overline value से text के ऊपर line create हो जाती है।
  • line-through – line-through value से हमारे text के बीच एक line खींच जाती है।
<html>
<head>
<style type="text/css">
#p1 { text-decoration: none; }
#p2 { text-decoration: underline; }
#p3 { text-decoration: overline; }
#p4 { text-decoration: line-through; }
</style>
</head>
<body>
<p id="p1">Esay Hindi Tutorials</p>
<p id="p2">Esay Hindi Tutorials</p>
<p id="p3">Esay Hindi Tutorials</p>
<p id="p4">Esay Hindi Tutorials</p>
</body>
</html>

Text-Transform Property

Text-Transform Property के द्वारा text का case covert किया जाता है | चाहे वह text upper case मे हो या फिर lower case मे आप lower case को upper case मे covert कर सकते है | और upper case को lower case मे convert कर सकते है | इसकी भी कुछ values होती है | जो हम निचे दे रहे है |

  1. none – अगर आपके text के ऊपर text-transform property use की गयी है | तो वहा पर none value का use करके text को normal कर सकते है |
  2. uppercase – इस value के द्वारा text capital letter मे convert हो जाता है |
  3. lowercase – इस value के द्वारा text small letter मे convert हो जाता है |
  4. capitalize – इस value के द्वारा text का हर एक first character capital letter मे convert हो जाता है |
<html>
<head>
<style type="text/css">
#p1 { text-transform: none; }
#p2 { text-transform: uppercase; }
#p3 { text-transform: lowercase; }
#p4 { text-transform: capitalize; }
</style>
</head>
<body>
<p id="p1">Esay Hindi Tutorials</p>
<p id="p2">Esay Hindi Tutorials</p>
<p id="p3">Esay Hindi Tutorials</p>
<p id="p4">esay hindi tutorials</p>
</body>
</html>
Sushil Kumar

i am Sushil founder of this blog .YtTechSushil.in is a website to provide tips related to Blogging, SEO, Social Media, Business Idea, Marketing Tips, Make Money Online, Education, Interesting Facts, Top 10, Life Hacks, Marketing, Review, Health, Insurance, Loan and Internet-related Tips. यदि आप भी अपना Content इस Blog के माध्यम से publish करना चाहते हो तो कर सकते हो. इसके लिए Join Myhindiexam Page Open करें. आप अपना Experience हमारे साथ Share कर सकते हो. धन्यवाद ! facebook twitter youtube instagram Dm me Whatsapp

Post a Comment

Hello Friends Agar aapko mera yah post pasand aaya hai to ise shere kariye.

Previous Post Next Post