डाउनलोड पी.डी.एफ. ई-बुक्स
CSS - Text

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

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

Text Related CSS Properties


Color Property for Text Color

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

Type of ValueDescription
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 PropertyDescription
colortext पर color को set किया जाता है |
directiontext की direction को set किया जाता है | For Example, Right to Left, Left to Right
letter-spacingCharacters के बीच के space को increase या decrease किया जाता है |
text-alignhorizontally text को align किया जाता है |
text-decorationtext को decorate किया जाता है और उसपर text decoration से related सभी properties के values का इस्तेमाल किया जाता है |
text-indentSpecially for <p> Tag | Paragraph के first line को indentation दिया जाता है |
text-shadowtext के चारों ओर text shadow; set की जाती है |
text-transformText को capitalize, uppercase या lowercase में convert किया जाता है |
white-spacetext के overflow को control करने के लिए इस्तेमाल किया जाता है |
word-spacingWords के बीच के space को increase या decrease किया जाता है |