CSS Text
The CSS text properties define the appearance of text.
Examples
Set the color of the text
This example demonstrates how to set the color of the text.
Set the background-color of the text
This example demonstrates how to set the background-color of a part of the text.
Specify the space between
characters
This example demonstrates how to increase or decrease the space between
characters.
Specify the space between lines
This example demonstrates how to specify the space between the lines in a paragraph.
Align the text
This example demonstrates how to align the text.
Decorate the text
This example demonstrates how to add decoration to text.
Indent text
This example demonstrates how to indent the first line of a paragraph.
Control the letters in a
text
This example demonstrates how to control the letters in a text.
Set the
text direction of an element
This example demonstrates how to change the text direction of an element.
Increase the white space between words
This example demonstrates how to increase the white space between words in a
paragraph.
Disable
text wrapping inside an element
This example demonstrates how to disable text wrapping inside an element.
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 |
Learn XML with <oXygen/> XML Editor - Free Trial!
 |
|
oXygen helps you learn to define,
edit, validate and transform XML documents. Supported technologies include XML Schema,
DTD, Relax NG, XSLT, XPath, XQuery, CSS.
Understand in no time how XSLT and XQuery work by using the intuitive oXygen debugger!
Do you have any XML related questions? Get free answers from the oXygen
XML forum
and from the video
demonstrations.
Download a FREE 30-day trial today!
|
| 
HOME
Printer friendly page
