This website may use cookies. More info. That's Fine x
Welcome Login

Css: text


color property:

The color property is used to set the color of the text.

The default color for a page is defined in the body selector.


body { color: red; }



text-align property:

Used to set the horizontal alignment of a text.

Text can be centered, or aligned to the left or right, or justified.

When text-align is set to "justify", each line is stretched so that every line has equal width, and the left and right margins are straight (like in magazines and newspapers).


h1 { text-align: center; }   /* center text */ { text-align: right; }

p.main { text-align: justify; }



text-decoration property:

Used to set or remove decorations from text.

Its mostly used to remove underlines from links for design purposes.

Eg: { text-decoration: none; }


It can also be used to decorate text:



h1 { text-decoration: overline; }

h2 { text-decoration: line-through; }

h3 { text-decoration: underline; }

h4 { text-decoration: blink; }



text-transform property:

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.


p.uppercase { text-transform: uppercase; }

p.lowercase { text-transform: lowercase; }

p.capitalize { text-transform: capitalize; }




The text-indentation property is used to specify the indentation of the first line of a text.


p { text-indent: 50px; }



See: letter-spacing, line-height, vertical-align, white-space, word-spacing,

Created on: Wednesday, April 13, 2011 by Andrew Sin