- 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 होती है | जिसे हम निचे दे रहे है |
- Right – अगर आप right value पास करते है | तो आपका text right side मे दिखाई देता है |
- Left – अगर आप left value पास करते है | तो आपका text left side मे दिखाई देता है |
- 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 होती है | जो हम निचे दे रहे है |
- none – अगर आपके text के ऊपर text-transform property use की गयी है | तो वहा पर none value का use करके text को normal कर सकते है |
- uppercase – इस value के द्वारा text capital letter मे convert हो जाता है |
- lowercase – इस value के द्वारा text small letter मे convert हो जाता है |
- 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 |
---|