CSS - pause-before


The pause-before property defines the duration of a silent pause to be inserted before the content of an element.

Possible Values

  • time − Any time value (e.g., 300ms); the pause will be the length of time specified.

  • percentage − The length of the pause is dictated by the value of speech-rate. Thus, pause-before: 50% would yield 250ms if the speech rate is two words per second (120 words per minute), and 500ms if it's one word per second (60 words per minute).

DOM Syntax

object.style.pauseBefore = "300ms";

Applies to

All the HTML elements


Here is the example −

<style type = "text/css">
      h2, h3, h4 {pause-before: 200%;}
      ol li {pause-before: 1s;}