Geef een header of een tag de class "outline tekst", en plaats het onderstaande script zo laag mogelijk in de body-sectie van de pagina om het effect te laten werken. Hieronder is een voorbeeld-regel voor de outline bijgevoegd zoals op deze pagina is gebruikt. Het script is cross browser en foutloos volgens de JSLint norm. De kleur van de body van de letters is te wijzigen door in het script de variabele color een gewenste waarde te geven.
<h2><span class="outline-tekst">outline text</span></h2>
<script>
var de_css_code = '.outline-tekst{background:inherit;color:#00ffff;' +
'text-shadow:0px 0px 1px #000000, 0px 0px 1px #000000, 1px 1px 2px #000000;' +
'height:1em;display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=2)";' +
'filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=2);}',
stijl_element = document.createElement("style");
stijl_element.type = "text/css";
if (stijl_element.styleSheet) {
stijl_element.styleSheet.cssText = de_css_code;
} else {
stijl_element.appendChild(document.createTextNode(de_css_code));
}
document.getElementsByTagName("head")[0].appendChild(stijl_element);
</script>