Welcome Login

Css: text


Css

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.

Eg:

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).

Eg:

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

p.date { 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:

a.company { text-decoration: none; }

 

It can also be used to decorate text:

 

Eg:

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.

Eg:

p.uppercase { text-transform: uppercase; }

p.lowercase { text-transform: lowercase; }

p.capitalize { text-transform: capitalize; }

 

 

text-indent:

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

Eg:

p { text-indent: 50px; }

 

 

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


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