This post is part of a series delving on aural media and how it is incorporated on any given web document or page. Like the previous posts that discussed the general features of other properties, this post will also provide you with a relatively simple and concise explanation of each of the properties that will be covered here. Examples in codes and texts are likewise given for your easy understanding.

Pause-before property

This property specifies a pause to be observed after speaking an element’s content. The possible values are: TIME which expresses the pause in absolute time units (seconds and milliseconds); PERCENTAGE which refers to the inverse of the value of the speech-rate property e.g. 120 words per minute (i.e. a word takes half a second, or 500ms) then a pause-after of 100% means a pause of 500 ms and a pause-after of 20% means 100ms.

Pause-before property

This property specifies a pause to be observed before speaking an element’s content. The possible values are the same as the pause-before property.

The pause property

The pause property is the short method in expressing the pause-before and the pause-after. If two values are given, the first value is pause-before and the second is pause-after.

Example:

<style tyle=”text/css”><!–/* pause-before: 20ms; pause-after: 20ms */h1 { pause : 20ms }/* pause-before: 30ms; pause-after: 40ms */
h2{ pause : 30ms 40ms }
/* pause-before: ?; pause-after: 10ms */
h3 { pause-after : 10ms }
–>
</style>

Tags: Aural Media: pause-after, pause-before and pause properties