1. Unit III: Adding Styles
and Interactivity Using
CSS and Javascript

2. The CSS text Properties
Allow you to add layout to
text. The following are the
different text properties: text-
indent, text-align, text-
decoration, letter-spacing,
and text-transform.

3. Property Description Example
Text-indent Applies first line indent to p{text-indent: 30px;}
paragraph
Text-align Aligns text to left, right, center, or p{text-align: right;}
both sides (justify) p{text-align: center;}
p{text-align: justify;}
Text-decoration Applies text effects namely h3{text-decoration:
underline, overline and line underline;}
through H2{text-decoration:
overline;}
Letter-spacing Specifies spacing between text h1{letter-spacing: 5px;}
characters p{letter-spacing: 2px;}
Text-transform Capitalizes the first letter of each h2{text-transform:
word (capitalize), converts all uppercase;}
letters to uppercase (uppercase), li{text-transform:
to lowercase (lowercase) or lowercase;}
displays text as it appears in the
HTML code (none)

4. COMPUEXERCISES/QUIZ
1. Write the CSS code to align text to the
center.
2. Write the CSS code to underline a text.
3. Write the CSS code to converts all letters to
uppercase.
4. Write the CSS code to set the spacing to
15px.
5. Write the CSS code to indent a paragraph
t0 25px.

5. ANSWER
1. {text-align: center ;}
2. {text-decoration: underline ;}
3. {text-transform: uppercase ;}
4. {letter-spacing: 15px ;}
5. {text-indent: 25px ;}