Skip to content
Related Articles

Related Articles

Improve Article
CSS cue-after Property
  • Last Updated : 01 Oct, 2020

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :