Revision: 4663
at January 15, 2008 00:55 by iTony

Initial Code
<script>
<!â€“

var message=â€Bothâ€;
var thickness=1;
var color2=â€blackâ€;
var color1=â€whiteâ€;
var color3=â€grayâ€;
var extra=â€font-size:40px;â€;
var range=5;
var z = range;
var d = range;
var x = -thickness;
var y = -thickness;

while (y<=thickness) {
while (x<=thickness) {

document.write (â€<span style=â€™â€+extra+â€ color:â€+color2+â€; position:absolute; left:â€+x+â€; top:â€+(-y)+â€;â€™>â€+message+â€</span>â€);
document.write (â€<span style=â€™â€+extra+â€ color:â€+color2+â€; position:absolute; left:â€+x+â€; top:0;â€™>â€+message+â€</span>â€);
document.write (â€<span style=â€™â€+extra+â€ color:â€+color2+â€; position:absolute; left:â€+x+â€; top:â€+y+â€;â€™>â€+message+â€</span>â€);

x=x+1;
}
y=y+1;
}

document.write (â€<span style=â€™â€+extra+â€ color:â€+color3+â€; position:absolute\; left:â€+z+â€; top:â€+d+â€;â€™>â€+message+â€</span>â€);
document.write (â€<span style=â€™â€+extra+â€ color:â€+color1+â€; position:absolute; left:0; top:0;â€™>â€+message+â€</span>â€);

//â€“>
</script>

Initial URL
http://stylizedweb.com/2008/01/13/outline-text-with-js/

Initial Description

Initial Title
drop a shadow and outline the text.

Initial Tags
text

Initial Language
JavaScript