La propiedad CSS pause-before se usa para definir el tiempo de pausa antes del elemento. Esta propiedad puede verse como el medio de voz equivalente a la propiedad margin-top en los medios visuales.
Sintaxis:
pause-before: time | percentage;
Parámetros: esta propiedad acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- time: este parámetro contiene un valor que la pausa tendrá la duración del valor especificado.
- porcentaje: La duración de la pausa depende del valor de Speech-rate. Si está configurado para hacer una pausa antes: 50%, eso produciría 250 ms.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
audio {
pause-before : 20ms;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS pause-before Property</p>
<audio controls>
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
type="audio/mp3">
</audio>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
audio {
pause-before : 25%;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS pause-before Property</p>
<audio controls>
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
type="audio/mp3">
</audio>
</body>
</html>
Producción:
Navegadores compatibles: esta propiedad está obsoleta en CSS3, por lo que los principales navegadores no son compatibles con esta propiedad.
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA