Loading Please Wait...

Logo Lynxsia IT Solutions
CSS Text

CSS provides a lots of properties for the text formatting

  • Text Color
  • Text Alignment
  • Text Direction
  • Text Transform
  • Text Decoration
  • Text Spacing
  • Text Shadow
Text Color

The color property is used to set color of the text.

We can use color name, RGB, RGBA, HEX, HEXA, HSL, HSLA color values.

					 
        
          p{
            color: red;
          }
          div{
            color: rgb(20, 56, 0);
          }
        
      
Text Alignment

The text-align property is used to set horizontal alignment of the text.

					 
        
          p{
            text-align: center;
          }
          div{
            text-align: right;
          }
        
      
Text Direction

The direction property is used to set text direction.

					 
        
          p{
            direction: rtl;
          }
          div{
            direction: ltr;
          }
        
      
Text Decoration

The text-decoration property is used to set decoration line of the text.

					 
        
          p{
            text-decoration: underline;
          }
          div{
            text-decoration: line-through;
          }
        
      
Text Transform

The text-transform property is used to set uppercase or lowercase letter of the text.

					 
        
          p{
            text-transform: uppercase;
          }
          div{
            text-transform: capitalize;
          }
        
      
Text Spacing

The text-indent property is used to set indentation of the first line of the text.

					 
        
          p{
            text-indent: 25px;
          }
          div{
            text-indent: 2rem;
          }
        
      
Text Shadow

The text-shadow property is used to set shadow of the text.

					 
        
          p{
            text-shadow: 5px 5px;
          }
          div{
            text-shadow: 10px 0.5rem red;
          }
        
      
We will discuss each properties in details in our next tutorials.

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved