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