CSS CUE

The ‘cue’ family of properties allows the attachment of key sounds (or “Auditory Icons” as the CSS spec refers to them) to elements. This allows an author to add distinguishing characteristics to semantic elements. ‘Cue’ is a shorthand property for setting both ‘cue-before’ and ‘cue-after’ property values. If two values are given, the first value is assigned to ‘cue-before’ and the second is ‘cue-after’. If only one value is given, it applies to both properties. If loading of a URL fails, nothing should be played, but if the system does not have the ability to play it, the spec says the system should try to use some sort of cue (audio, visual or other.)

Example
1
2
3
.someclass {
  cue: url(orchestralsneeze.wav) url(quack.wav)
}
1
<span style="cue: url(sound.wav) url(quack.wav)">text</span>

Possible Values

inherit: Explicitly sets the value of this property to that of the parent.
none: Play no sound before and after the element.
[URL]: Indicates the URL of a sound file to be played before and after the element. If loading of the indicated URL fails no sound will be played. If the referenced resource is not a sound file, it should be ignored and the property should be treated as if the value were set to ‘none.’