Formatting text using Css full guide

Formatting text using css

With css you can manipulate many things in your web pages , this post will talk on formatting text using css in which we should discuss on Text color, Text decoration, Text underline,overline, line through, orinline-through, letter spacing, text transformation, line height Text direction, and Word spacing.

Text color:U set the text color using the color property.
e.g. p{color:purple;}
this will turn all text color of your paragraphs to purple.

Text decoration:U can set the text-decoration using the text-decoration property, here are the properties-value you can use:
none:no text decoration can be applied, you can use it to remove underline from links.
under-line:Text will be underlined.
Over-line:Text will be overlined.
Inline-through:The line will go through the text e.g.
p{text-decoration:underline;}
This will underline all your paragraphs like this

This is under line paragraph

Text transformation:You can turn the text to upper case, lower case or capitalise the first letter of every word. And it is use with text-transform property. E.g
p{text-transform:upper case;}
Text-indentation:You can set the text indentation using the text-indent property.
e.g. p{text-indent:10px;}
Letter spacing: the letter-spacing property set the space between characters in the text, the property value can be position negative.
e.g.p{letter-spacing:2px;}
Line height:You can set it using line-height property. e.g.
p{line-height:20px;}
Text direction:In some countries text goes from left to right while in other countries it goes from right to left the direction property is used for setting the text direction, there are two vatues:
ltr-left righte.g.p{direction:ltr;}
rtl-right to lefte.g.p{direction:rtl;}
Word spacing:word spacing set space between the words, you do it by using word-spacing property. The value can be negative or positive.
e.g.p{word-spacing:8px;}

Share Share Tweet Share Share Share

Home

Thanks For You Reading The Post We are very happy for you to come to our site. Our Website Domain name http://hausanovelspdf.blogspot.com/.