Text

Word Spacing
Using this attribute we can define or set the space between each words.
It take the following values.

cm : You can set the value in centimeters as 1cm etc...

px : You can set the value in pixels as 1px or 10px etc...

pt : you can set the value in points as 1pt or 2pt etc

norm : on setting norm, normal / default word spacing will be taken.

Example.

 Test ; word spacing in cm
the result= Test ; word spacing in cm

 Test ; word spacing in px 
the result= Test ; word spacing in px

Letter Spacing

Using this attribute is the same as word spacing

Example.

 Testing
the result= Testing

Vertical Alignment

Using this attribute we can
decorate out text.
To create base and power text.
It take the following values.

baseline : This text will be shown normal.
sub : This text will be shown as a sub text. It will lie beneath / below normal text.
super : This text will be shown as a super text. It will lie above normal text level.
% : The value can be set in percentage as 50%, etc...
pt | px | cm : The value can be set in points or pixels or cm

Example.

This is a example sub line Text
the result= This is a example sub line Text

This is a example Pixel align
the result= This is a example Pixel align

Cursor Types

The cursor for any element
can be set by using the cursor property

Example Tag:
 this is a pointer type cursor 

Result (go over the text with the mouse) this is a pointer type cursor

The cursor property can take many
values as described in the below table

Value

Result
(go over the text with the mouse)

pointer

a hand symbol

crosshair

+ symbol

move

move symbol

wait

loading symbol

help

question symbol

With a filter : opacity and style 3(color=yellow)

The text

With a filter : opacity and style 2(color=yellow)

The text

With a filter : opacity and style 2(color=yellow) and 3(color=red)

<DIV align=center>
<DIV style="FILTER: alpha (opacity=200,finishopacity=0,style=2);
WIDTH: 365px; BACKGROUND-COLOR:yellow" align=center>
<DIV style="FILTER: alpha(opacity=100,finishopacity=0,style=3);
WIDTH:205px; BACKGROUND-COLOR: red" align=center>
 The text 
</DIV></DIV></DIV>

The text

With diffrent size

H
ERM
INA
TOR


HERMINATOR

With vertical-align and diffrent size

H
E
R
M
I
N
A
T
O
R



H E R M I N A T O R

With vertical-align,letter-spacing and diffrent size

H
E
R
M
I
N
A
T
O
R

H
E
R
M
I
N
A
T
O
R





H E R M I N A T O R H E R M I N A T O R

With vertical-align,letter-spacing and the flip filter


HERMINATOR

HERMINATOR 

HERMINATOR HERMINATOR

LIST-STYLE-TYPE

The types are :

circle

square

disk

decimal

lower-alpha

upper-alpha

lower-roman

upper-roman

The Code :
<LI style="LIST-STYLE-TYPE: circle>

<LI style="LIST-STYLE-TYPE: square>

<LI style="LIST-STYLE-TYPE: disc>
<LI style="LIST-STYLE-TYPE: decimal>
<LI style="LIST-STYLE-TYPE: lower-alpha>
<LI style="LIST-STYLE-TYPE: upper-alpha>

<LI style="LIST-STYLE-TYPE: lower-roman>
<LI style="LIST-STYLE-TYPE: upper-roman>

Some effects

List Item
<LI style="LIST-STYLE-TYPE: circle;color:red">List Item 

List Item
<LI style="LIST-STYLE-TYPE: square;color:green">List Item 

List Item
<LI style="LIST-STYLE-TYPE: disc;color:blue">List Item

Some examples

fruit

apples
lemmon
banana
country

Belgium
Spain
USA
Utah
California
Etc.

France

The code

fruit<UL>
<LI style="LIST-STYLE-TYPE: circle;color:red">apples 
<LI style="LIST-STYLE-TYPE: circle;color:red">lemmon
<LI style="LIST-STYLE-TYPE: circle;color:red">banana 
</UL>
country<UL>
<LI style="LIST-STYLE-TYPE: square;color:green">Belgium 
<LI style="LIST-STYLE-TYPE: square;color:green">Spain
<LI style="LIST-STYLE-TYPE: square;color:green">USA
<OL>
<LI style="LIST-STYLE-TYPE: upper-roman;color:white">Utah
<LI style="LIST-STYLE-TYPE: upper-roman;color:white">California
<LI style="LIST-STYLE-TYPE: upper-roman;color:white">Etc.
</OL>
<LI style="LIST-STYLE-TYPE: square;color:green">France</UL>