ExpertRating - Online Certification and Employment Testing ExpertRating - Online Certification and Employment Testing ExpertRating - Online Certification and Employment Testing

ExpertRating Home
ExpertRating Benefits
Recommend ExpertRating
Suggest More Tests
Privacy Policy
FAQ
Login
 
CSS Tutorial - Index
CSS Tutorial - Introduction to CSS
CSS Tutorial - Basic CSS Concepts
CSS Tutorial - Linking Style Sheets
CSS Tutorial - Text Formatting
CSS Tutorial - Backgrounds
CSS Tutorial - Fonts
CSS Tutorial - Borders
CSS Tutorial - Margins and Padding
CSS Tutorial - Lists
CSS Tutorial - Dimensions
CSS Tutorial - Display and Positioning
CSS Tutorial - Pseudo Classes and Elements
CSS Tutorial - W3 Standards,Validation of Style
     

 
Online Personal Trainer Certification
Personal Trainer Certification (Spanish)
Six Sigma Certification
Find a Personal Trainer
Project Management Certification
Six Sigma Certification
Six Sigma Black Belt Certification
Master Black Belt Certification
Six Sigma Green Belt Certification
Life Coach Certification
Lean Management Certification
Lean Six Sigma Certification
First Aid Certification
CPR Certification
Yoga Certification
Aerobics Certification
Pilates Certification
Business Analyst Certification
SEO Certification
Online Business Writing Course & Certification
Makeup Artist Certification
Baby Sitting Course & Certification
Time Management Certification
Health Club Management Certification
Medical Coding Certification
Medical Billing Certification
Business Analysis Course
Master Trainer Certification
Total Quality Management Certification
Kaizen Certification
Creative Writing Certification
Event Management Certification
Test Search by Job Title
Administrative Assistant Certification
Virtual Assistant Certification
  All Online Courses
   

   
   
   
   
   
   

   
  Home > Courses, Tutorials & eBooks > CSS Tutorial > Formatting Text
 

CSS Tutorial - Formatting Text

                                                                                                                  Page 1 of 2
 
Overview
 

In this chapter you will learn :

  • How to format text using various style options
  • How to change color of the text
  • How to set the direction of text
  • Decorating the text
  • Handling white spaces
 
 
 

CSS gives  you  a range of style options to enable formatting of text. These style options can be applied easily on  your document. They are given below:

Color

  • CSS has several options for defining colors of text.
  • CSS makes it possible to change the color of the text.

Example

                       pink{ color : pink}
                                The color is pink now
                       H1{ color : #000080}

 

 
  • Colors can also be defined by using  RGB values, by simply entering the values for amounts of  Red, Green, and Blue.

Direction

    • It sets the direction of text.
    • It could have either ltr (i.e. left to right) or rtl (i.e. right to left) values.

Example

 

div { direction : rtl}

 

This has been written from right to left by setting the direction of the text
 

Letter Spacing

  • The letter spacing property  increases or decreases the spaces between characters.
  • The exact value of the spacing can be specified between characters.
  • Negative values are permitted.

Example

 

                    p{ letter-spacing : 10px;}

      Here letter spacing is 10 pixel.

                    p{ letter-spacing : -1.5px;}

                                         Here letter spacing is -1.5 pixel.

 

Text Align

  • This property can be applied to assign alignment to the text.
  • The text-align property can have values left, right, center, and justify.
  • The default value of text-align is left.

Example

 

 h1 { text-align :center;}

CENTER ALIGNED

 

Text Decoration

  • This property enables decoration of the text.
  • Text can be decorated using values: none, underline, overline, line-through, and blink.
      None - This defines a normal text.
      Underline - This defines a line under the text.
      Overline - This defines a line over the text.
      Line-through - defines a line through the text.
      Blink - defines a blinking text.

Example

 

p {text-decoration: underline}

                                             UNDERLINE

        p {text-decoration: overline}

                                              OVERLINE     

        p {text-decoration: line-through}

                                              LINE-THROUGH

 


                 

 

 
     
Home  |  About Us  |  Privacy Policy  |  Site Map  |  FAQs  |  Contact Us
 
© ExpertRating 2015. All Rights Reserved.