The above mentioned aural media are quite important properties if you really want to infuse some cool aural media in your pages. These properties are quite easy to learn and this article will briefly discuss how they are incorporated in your pages. Simple and concise example of each property is also provided for your reference and guide.

Cue-after property

This property specifies a sound to be played after speaking an element’s content to delimit it from other. The possible values are: url ( URL of sound file) and none (meaning nothing is to be played).
Example:

<style tyle=”text/css”>
<!–
a {cue-after: url(”dong.wav”);}
h1 {cue-after: url(”pop.au”); }
–>
</style>

Cue-before property

This property specifies a sound to be played before speaking an element’s content to delimit it from other. The possible values are the same as the cue-after property.
Example:

<style tyle=”text/css”>
<!–
a {cue-before: url(”bell.aiff”);}
h1 {cue-before: url(”pop.au”); }
–>
</style>

Cue property

This property is a short cut of cue-before and cue-after. If two values are given, the first value is cue-before and the second is cue-after. If only one value is given, it applies to both properties.
Example:

<style tyle=”text/css”>
<!–
h1 {cue-before: url(”pop.au”); cue-after: url(”pop.au”) }
h1 {cue: url(”pop.au”) }
–>
</style>