- Posted by lio on October 5, 2008
Examples
Set the color of the text
This example demonstrates how to set the color of the text.
<html>
<head>
<style type="text/css">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h2>This is header 2</h2>
<p>This is a paragraph</p>
</body>
</html>
|
CSS Text Properties
The CSS text properties allow you to control the appearance of text. It is possible to change the color of a text, increase or decrease the space between characters in a text, align a text, decorate a text, indent the first line in a text, and more.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
| Property |
Description |
Values |
IE |
F |
N |
W3C |
| color |
Sets the color of a text |
color |
3 |
1 |
4 |
1 |
| direction |
Sets the text direction |
ltr
rtl |
6 |
1 |
6 |
2 |
| line-height |
Sets the distance between lines |
normal
number
length
% |
4 |
1 |
4 |
1 |
| letter-spacing |
Increase or decrease the space between characters |
normal
length |
4 |
1 |
6 |
1 |
| text-align |
Aligns the text in an element |
left
right
center
justify |
4 |
1 |
4 |
1 |
| text-decoration |
Adds decoration to text |
none
underline
overline
line-through
blink |
4 |
1 |
4 |
1 |
| text-indent |
Indents the first line of text in an element |
length
% |
4 |
1 |
4 |
1 |
| text-shadow |
|
none
color
length |
|
|
|
|
| text-transform |
Controls the letters in an element |
none
capitalize
uppercase
lowercase |
4 |
1 |
4 |
1 |
| unicode-bidi |
|
normal
embed
bidi-override |
5 |
|
|
2 |
| white-space |
Sets how white space inside an element is handled |
normal
pre
nowrap |
5 |
1 |
4 |
1 |
| word-spacing |
Increase or decrease the space between words |
normal
length |
6 |
1 |
6 |
1 |