CSS cue-before

The CSS cue-before property is used in speech media to play a sound before an element.

The cue-before property allows you to play pre-recorded sound clips immediately before an element. These pre-generated clips are referred to as "auditory icons". Auditory icons can be a useful way to distinguish semantic elements.

Also see the cue-before and cue properties.

Syntax

Example Code

Possible Values

uri
This value specifies the URI of an auditory icon resource.
decibel

This is a number followed by dB (decibel unit identifier).

This value represents a change relative to the computed value of the voice-volume property. Therefore, the level of the audio cue changes when the level of the voice-volume property changes.

When omitted, the implied value computes to 0dB (i.e. no change).

none
Specifies that no auditory icon is used.

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial
Represents the value specified as the property's initial value.
inherit
Represents the computed value of the property on the element's parent.
unset
This value acts as either inherit or initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

General Information

Initial Value
none
Applies To
All elements
Inherited?
No
Media
Speech

Official Specifications