CSS Text Decoration

text-decoration

Overline

p{ text-decoration: overline; }

 

Gives text with overline

text-decoration

Underline

p{ text-decoration: underline; }

 

Gives text with underline

text-decoration

None

p{ text-decoration: none; }

 

Gives text with no lines

text-indent

px

p{ text-indent: 30px; }

 

Gives text with a 30px indent

text-indent

%

p{ text-indent: 30%; }

 

Gives text with a 30% indent

text-align

right

p{ text-align: right; }

 

Right-aligns text

text-align

Left

p{ text-align: left; }

 

Left-aligns text

text-align

justify

p{ text-align: justify; }

 

Justifies text

text-transform

capitalize

p{ text-transform: capitalize; }

 

Gives text in capitals

text-transform

uppercase

p{ text-transform: uppercase; }

 

Gives text in uppercase

text-transform

lowercase

p{ text-transform: lowercase; }

Gives text in lowercase

word-spacing

Px

p{ word-spacing: 10px; }

Gives a word spacing of 10px

letter-spacing

Px

p{ letter-spacing: 3 px; }

Gives a word spacing of 3px

Comments on this entry are closed.

css.php