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>
CSS Font Properties CSS Image Properties
Previous Next