NOTICE: This website is no longer updated or supported - as such many of the techniques used to build it may seem antiquated in the modern day. It is preserved for historical reasons only.
<style type="text/css"></head>
#d1 {font-style: italic;</style>
font-size: 36pt;
border-style: solid;
border-width: 1px;
width:80%;
text-align: center;}
<script type="text/javascript">
<!--
function changeStyle()//-->
{
var theElement = document.getElementById('d1');
theElement.style.fontStyle='normal';
theElement.style.fontSize='12pt';
theElement.style.borderStyle='dashed';
theElement.style.borderWidth='3px';
theElement.style.backgroundColor='yellow';
theElement.style.textAlign='left';
}
function show()
{
var theElement = document.getElementById('d1');
theElement.style.visibility='visible';
}
function hide()
{
var theElement = document.getElementById('d1');
theElement.style.visibility='hidden';
}
</script>
<input type="button" value="change" onclick="changeStyle();" /></form>
<input type="button" value="hide" onclick="hide();" />
<input type="button" value="show" onclick="show();" />