The CSS cue-after property is used to define an auditory icon played after the element to distinguish and set the element.
Syntax:
cue-after: url | none ;
Parameters: This property accepts two values as mentioned above and described below:
- url: This parameter holds an auditory icon resource. If a user is not able to render the mentioned auditory icon then it will produce an alternative cue, such as a bell sound.
- none: This parameter defines that no auditory icon is used.
Example 1:
HTML
<!DOCTYPE html> <html>
<head>
<style>
.gfg {
cue-after: none;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p class="gfg">CSS cue-after Property</p>
<audio controls>
<source src=
type="audio/mp3">
</audio>
</body>
</html>
|
Output:
Example 2:
HTML
<!DOCTYPE html> <html>
<head>
<style>
.gfg {
cue-after: url("bell.wav");
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p class="gfg">CSS cue-after Property</p>
<audio controls>
<source src=
type="audio/mp3">
</audio>
</body>
</html>
|
Output:
Supported Browsers: This property is deprecated in CSS3 so the major browsers are not supported by this property
Recommended Articles