Open In App

CSS cue-after Property

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:

Example 1:






<!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:




<!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


Article Tags :