In order to access this site you need to enable JavaScript!

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>