CSS cue-before Property

Description

The cue-before property defines an auditory icon played before the element to distinguish and delimit the element.

The cue-before property has been deprecated or is no longer in any CSS working groups.

Initial value
none
Applies to
All elements
Inherited
No
Computed value
Specified value
Animatable
No
JavaScript syntax
object.style.cueBefore

Syntax

cue-before: <uri> <decibel>? | none

Values

  • noneSpecifies that no auditory icon is used.
  • <uri>The URI designates an auditory icon resource. When a user agent is not able to render the specified auditory icon (e.g. missing file resource, or unsupported audio codec), it is recommended to produce an alternative cue, such as a bell sound.
  • <decibel>A number immediately followed by "dB" (decibel unit).

Example

.class {
   cue-before: url("quack.wav");
   cue-after: url("woof.wav");
}

Browser Support

The following table will show you the current browser support for the CSS cue-before property.

Desktop
Edge Chrome Firefox Opera Safari
?????
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
??????