You are here: Reference > CSS > properties > pause

pause property

Browser support:
Specifies a shorthand property for setting the pause-before and pause-after properties for speaking the element's content.
With the pause-before and pause-after properties you can specify pauses before and after speaking the element's content.

The pause, pause-before and pause-after properties are similar to the rest, rest-before and rest-after properties. The only difference when a sound file needs to play before or after the element (cue, cue-before and cue-after properties). In that case, the pause-before property specifies the pause immediately before and the rest-before property specifies the pause immediately after playing the sound file that belongs to the cue-before property. Similarly, the rest-after property specifies the pause immediately before and the pause-after property specifies the pause immediately after playing the sound file that belongs to the cue-after property.

Note: Unfortunately, the pause-before and rest-after properties currently do not work for sound files in Opera, and the pause, pause-before, pause-after and rest, rest-before, rest-after properties have some other bugs (do not work for several valid time values).
JavaScript page for this property: pause. You can find other example(s) there.

Possible values:

 One of the following values: 
 Values in this order (use the space character to separate them): 
1. <pause-before>
2. <pause-after>
time(s|ms)
pause in percentage
inherit

Description of values:

inherit
Takes the value of this property from the computed style of the parent element.
pause in percentage
The pause is calculated from the speech-rate property. The speech-rate defines how much time a word takes, the pause is the percentage of this value.
pause-after
Specifies that the browser should insert a pause after speaking the element's content.
pause-before
Specifies that the browser should insert a pause before speaking the element's content.
time(s|ms)
Integer, followed by a time unit (s,ms). The pause in absolute time.
Default: this property has no default value.

If only one value is specified, it affects both the pause-before and pause-after properties.

Example HTML code 1:

This example illustrates the use of the pause property:
<head>
    <style>
        .pause {
            pause: 5s 3s;
        }
    </style>
</head>
<body>
    Select all text on the page (CTRL+A), click with the right mouse button on the selected text and select the speak menu item in the popup context menu.
    <br /><br />
    Five seconds pause before speaking the header element.
    <h2 class="pause">Header element</h2>
    There was three seconds pause after speaking the header element.
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content