display

Value: [none | block | inline | list-item]
Initial: block
Applies to: all elements
Inherited: yes
Percentage values: N/A

The display CSS property controls how an element appears when it is displayed. This property can have one of the following values.

• Block — adds a line break before and after the element
• Inline — no line break before and after the element
• List-item — same as block except a list-item marker is added to the element
• None — the element and any child elements are not 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 the WTE will not render.

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

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

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

The media descriptors that are relevant to the WTE include 'all' and 'aural'.