CSS - CSS Text in hindi, css text kya h, kese likhe Technamdev.blogspot.com

आपने देखा होगा कि कई websites के text का color अलग-अलग होता है |

HTML का default text color ये black होता है, लेकिन अगर कुछ लोग चाहते है तो इस text color को बदल भी सकते है |

Text Related CSS Properties

• color
• direction
• letter-spacing
• text-align
• text-decoration
• text-indent
• text-shadow
• text-transform
• word-break
• white-space
• word-spacing
• word-wrap

Color Property for Text Color

निचे div1, div2 और div3 को एक ही color को अलग-अलग प्रकार से दिया गया है | निचे color को अलग-अलग प्रकार से दी जाने वाली values को दिया गया है |

Type of Value	Description
color_name	यहाँ पर color का नाम दिया जाता है | For Example, color : red
hexadecimal color code	यहाँ पर hex code color भी दिया जाता है | For Example, color : #F00
rgb color code	यहाँ पर rgb(red,green,blue) color code भी दिया जाता है | color : rgb(255, 0, 0)
hsl color code	यहाँ पर hsl(hue,saturation,luminance) color code भी दिया जाता है | color : hsl(360, 100%, 50%)

.div1{
 color : #F00; /* hexadecimal color code */
}
.div2{
 color : red; /* color name */
}
.div3{
 color : rgb(255, 0, 0); /* rgb color code */
}
.div4{
 color : hsl(360, 100%, 50%); /* hsl color code */
}

Output :

Text Property	Description
color	text पर color को set किया जाता है |
direction	text की direction को set किया जाता है | For Example, Right to Left, Left to Right
letter-spacing	Characters के बीच के space को increase या decrease किया जाता है |
text-align	horizontally text को align किया जाता है |
text-decoration	text को decorate किया जाता है और उसपर text decoration से related सभी properties के values का इस्तेमाल किया जाता है |
text-indent	Specially for <p> Tag | Paragraph के first line को indentation दिया जाता है |
text-shadow	text के चारों ओर text shadow; set की जाती है |
text-transform	Text को capitalize, uppercase या lowercase में convert किया जाता है |
white-space	text के overflow को control करने के लिए इस्तेमाल किया जाता है |
word-spacing	Words के बीच के space को increase या decrease किया जाता है |