You can control the kashida effect by specifying the textKashidaSpace property of the style object. The kashida effect is measured in the ratio of kashida expansion to empty space expansion. When it is 100%, there is only kashida expansion. When it is 0%, there is only white space expansion. You can find out the kashida effect of an object in object.style.textKashidaSpace. Here is how you specify the kashida effect:

object.style.textKashidaSpace = vKashida;

where vKashida is one of two options:

• percentage. Integer, followed by a %. 100% is kashida expansion only; 0% is white space expansion only.

• inherit. Text is expanded like the text in the parent object.

Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line

<P ID="kashidaEffect" STYLE="text-kashida-space:100%; width:100%; text-align:justify; left:0">
Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line
Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line
Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line
Long Line Long Line Long Line Long Line Long Line Long Line 
</P>
<A HREF="javascript:void(kashidaEffect.style.textKashidaSpace='100%')">100% kashida</A>
<A HREF="javascript:void(kashidaEffect.style.textKashidaSpace='0%\)">0% kashida</A>

People who read this tip also read these tips:

• The DHTML Behaviors behind HTML+TIME
• Playing Elements in Sequence
• Deriving HTML+TIME's Active Time
• The HTML+TIME Timeline
• Converting Dates to Strings