Using the CSS Display Property

The CSS display property controls how an element appears when it is displayed. The 'none' value of the display property is especially useful in dual-access WTE applications because it allows you to mark HTML elements as telephony-only or browser-only. For example, the following embedded CSS creates a paragraph element that a graphical Web browser will render, but that the WTE will not render.

<style type="text/css" media=aural>
P.GraphicalOnly {display : none}
</style> 

The paragraph element in the following embedded style will be rendered by the WTE but not a graphical Web browser:

<style type="text/css" media=screen>
P.TelephonyOnly {display : none}
</style>