La propiedad cue-before de CSS se usa para definir un icono auditivo que se reproduce antes del elemento para distinguirlo y configurarlo.
Sintaxis:
cue-before: url|none;
Parámetros: Esta propiedad acepta dos valores como se mencionó anteriormente y se describe a continuación:
- url: este parámetro contiene un recurso de icono auditivo. Si un usuario no puede representar el ícono auditivo mencionado, producirá una señal alternativa, como un sonido de campana.
- ninguno: este parámetro define que no se utiliza ningún icono auditivo.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
.gfg {
cue-before: none;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p class="gfg">CSS cue-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>
.gfg {
cue-before: url("bell.wav");
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p class="gfg">CSS cue-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 ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA