Basic Programming Tutorial: 2016

Friday, February 26, 2016

CSS: How to manipulate text using CSS properties

1. Text Direction

The direction property is used to set the text direction:

<html>
   <head>
   </head>
   <body>
      <p style="direction: rtl;">This text will be renedered from right to left</p>
   </body></html>

2. Space between Characters

The letter-spacing property is used to add or subtract space between the letters that make up a word:

<html>
   <head>
   </head>
   <body>
      <p style="letter-spacing: 10px;">This text is having space between letters.
      </p>
   </body>
</html>


3. Text Color


The color property is used to set the color of a text:

<html>
   <head>
   </head>
   <body>
      <p style="color:blue;">This text is blue</p>
   </body>
</html>