<textarea onfocus="this.select()" onmouseover="this.focus();" style="border-bottom: 2px dashed; border-left: 2px dashed; border-right:2px dashed; border-top: 2px dashed; color: #999999; height: 50px; overflow: auto; overflow: hidden; width: 200px;">ayat/kod korang</textarea></div>

<div style="text-align: center;">

<textarea onfocus="this.select()" onmouseover="this.focus();" style="border-bottom: 2px dotted; border-left: 2px dotted; borderright:2px dotted; border-top: 2px dotted; 

color: #999999;height:50px; overflow: hidden; width: 200px;">ayat/kod korang</textarea></div>

<textarea onfocus="this.select()" onmouseover="this.focus();" 

style="background-image: url(http://dl10.glitter-graphics.net/pub/575/575270ehu3guptig.gif);

border-bottom: #f3a5c9 1px solid; borderleft:#f3a5c9 1pxsolid;

border-right:#f3a5c9 1px solid;border-top: #f3a5c9 1px solid;

color: #999999; height: 50px; overflow: hidden;

width: 200px;">ayat/kod korang</textarea>

<textarea style="border-bottom: #ccc 1px solid; 

border-left: #ccc 1px solid; border-right: #ccc 1px solid;

border-top: #ccc 1px solid; color: #555555;

font-size: 11px; height: 50px; padding-bottom: 10px; 

padding-left: 10px; padding-right: 10px;

padding-top: 10px; width: 200px;

">ayat/kod korang</textarea></div>

<textarea onfocus="this.select()" onmouseover="this.focus();" 

style="border-bottom: #999999 5px inset; border-left: #999999 5px inset; 

border-right: #999999 5px inset; border-top: #999999 5px inset; 

color: #999999; height: 48px; overflow: hidden;

width: 195px;">ayat/kod korang</textarea>

<textarea onfocus="this.select()" onmouseover="this.focus();"

style="border-bottom: 5px double; border-left:  5 px double; 

border-right:  5 px double; border-top:  5 px double;color: #999999;

height: 50px; overflow:hidden; width: 200px;

">ayat/kod korang</textarea>