| Web designers have more control of the display of text with Cascading Style Sheets.
|
| text-indent: | Indents the first line of text, any valid length.- pixels, centimeters, inches, percent,
p{text-indent: 40px}
Indented text 40px
|
| text-align: | Defines the text alignment. - left, center,right or justifyp {text-align:center} Centered text |
| text-decoration: | Defines decorations added to the text - none(default),
underline, overline, line-through, blink a:link{text-decoration:none}
Underlined text
|
| text-transform: | Defines capitalization of text: none or (default),capitalize -Capitalizes the first letter;
uppercase - Capitalizes all letters,
lowercase- All text to lowercaseh1{text-transform:capitalize}
Text transform:uppercase
|
| letter-spacing: | Defines space between text characters- normal (default) Any valid lengthh2{letter-spacing: 0.5em} Letter-spacing |
|---|
| word-spacing: | Defines the whitespace between words
normal (default), any valid length p {word-spacing:1.3em} *Em-unit of measurement equal to the current type size; width of uppercase M.
Word Spacing
|
|---|
| line-height: | Defines the space between lines of text.normal (default) same as the font size p{line-height: 2.3em}
Line-height 2.3em
|
|---|
| text-shadow: | Defines values to create a text shadow effect. Several values must be included separated by commas. Not supported by all browsers.
Use positioning to for text shawdow.
|
| white-space: | States whether text will wrap around to the next line
p{white-space:nowrap}
|
|---|
| vertical-align | Align vertically: super, sub, baseline, middle, bottom, text-top
100 vertical-align:bottom
|
|---|