The CSS pause-after property is used to define the pause time after the element. This property can be seen as the speech media equivalent to the margin-bottom property in visual media.
Syntax:
pause-after: time | percentage;
Parameters: This property accepts two parameters as mentioned above and described below:
- time: This parameter holds a value that pause will be the length of the value specified.
- percentage: The length of the pause is depended on the value of speech-rate. If it is set to pause-after: 50% that would yield 250ms.
Example 1: Here is a basic example of CSS pause-after property.
HTML
<!DOCTYPE html><html>
<head>
<style>
audio {
pause-after: 20ms;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS pause-after Property</p>
<audio controls>
<source src=
type="audio/mp3">
</audio>
</body>
</html>
|
Output:
Example 2: In this example, we are using CSS pause-after property.
HTML
<!DOCTYPE html><html>
<head>
<style>
audio {
pause-after: 30%;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS pause-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