1/10/14
CSS Text
Example
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
Try it yourself
It is not recommended to underline text that is not a link, as this often confuses users.
Text Transformation
The text-transform property is used to specify uppercase and lowercase letters in a text.
It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of
each word.
Example
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
Try it yourself
Text Indentation
The text-indentation property is used to specify the indentation of the first line of a text.
Example
p {text-indent:50px;}
Try it yourself
More Examples
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.
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.
Vertical alignment of an image
This example demonstrates how to set the vertical align of an image in a text.
All CSS Text Properties
The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or
CSS2).
Property
Description
Values
CSS
color
Sets the color of a text
color
direction
Sets the text direction
ltr
rtl
line-height
Sets the distance between lines
normal
number
length
%
letter-spacing
Increase or decrease the space between
characters
normal
length
text-align
Aligns the text in an element
left
right
center
justify
text-decoration
Adds decoration to text
none
underline
file:///E:/Document/W3School/W3schools Offline Version/www.w3schools.com/css/css_text.asp
2/3
1/10/14
CSS Text
overline
line-through
blink
text-indent
Indents the first line of text in an element
text-shadow
length
%
none
color
length
text-transform
Controls the letters in an element
unicode-bidi
none
capitalize
uppercase
lowercase
normal
embed
bidi-override
vertical-align
Sets the vertical alignment of an element
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%
white-space
Sets how white space inside an element is handled
normal
pre
nowrap
word-spacing
Increase or decrease the space between words
normal
length
Previous
Next Chapter
Product Spotlight
HO ME
TO P
P RI N T
FO RU M
A BO U T
W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrent full correctnes of all content.
While using this site, you agree to have read and accepted our terms of use and privacy policy.
C opyright 1999-2011 by Refsnes Data. All Rights Reserved.
file:///E:/Document/W3School/W3schools Offline Version/www.w3schools.com/css/css_text.asp
3/3
